Scribd Logo
Fazer o upload

Bem-vindo(a) ao Scribd!

  • Getting Started With HTML

    Enviado por

    Hazel Mjkristell Basallote France
    15 visualizações19 páginas
    This document provides an introduction to HTML (Hypertext Markup Language). It explains that HTML is a markup language used to structure and present content for display on the web. It describes some key HTML tags like <head>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <b> for bold text, and <address> for contact information. It also covers how to add comments, set background colors, and create scrolling text with the <marquee> tag. The document uses examples of basic HTML code and descriptions to help beginners understand the basics of building webpages with HTML.

    Descrição original:

    Basic HTML

    Direitos autorais

    © © All Rights Reserved

    Formatos disponíveis

    PPT, PDF, TXT ou leia online no Scribd

    Você considera este documento útil?

    Este conteúdo é inapropriado?

    Denunciar este documento
    This document provides an introduction to HTML (Hypertext Markup Language). It explains that HTML is a markup language used to structure and present content for display on the web. It describes some key HTML tags like <head>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <b> for bold text, and <address> for contact information. It also covers how to add comments, set background colors, and create scrolling text with the <marquee> tag. The document uses examples of basic HTML code and descriptions to help beginners understand the basics of building webpages with HTML.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    15 visualizações19 páginas

    Getting Started With HTML

    Enviado por

    Hazel Mjkristell Basallote France
    This document provides an introduction to HTML (Hypertext Markup Language). It explains that HTML is a markup language used to structure and present content for display on the web. It describes some key HTML tags like <head>, <body>, <h1>-<h6> for headings, <p> for paragraphs, <b> for bold text, and <address> for contact information. It also covers how to add comments, set background colors, and create scrolling text with the <marquee> tag. The document uses examples of basic HTML code and descriptions to help beginners understand the basics of building webpages with HTML.

    Direitos autorais:

    © All Rights Reserved
    Baixe no formato PPT, PDF, TXT ou leia online no Scribd
    Sinalizar o conteúdo como inadequado
    de 19

    GETTING STARTED

    WITH HTML
    MRS. HAZEL B. FRANCE
    Instructor

    What is HTML?

    Hypertext Markup
    Language

    HTML is a document-layout and


    hyperlink specification language.
    HTML is a set of logical codes(mark
    up in parenthesis that constitute the
    appearance of a web document and
    the information it contains.

    Hyper refers to creating linked nonlinear


    structures of information.
    Text refers to the words on the computer
    screen that we are marking up
    Markup is the process of preparing the
    text to define how it displays when viewed
    as pages on the WWW by marking them by
    notations called tags.
    Language is a system of signs used for
    communication written and oral.

    THE HTML PAGE


    Hypertext Markup Language is a set
    of tags used to create a webpage
    <HTML>
    <HEAD>
    <TITLE> HTML WORKBOOK </TITLE>
    </HEAD>
    <BODY>
    This is the body section of this HTML document
    <B> This is a part of the body displayed in BOLD </B>
    </BODY>
    </HTML>

    Head
    Section

    Body Section

    The head section is indicated by a <HEAD> tag and


    closed with a </HEAd> tag
    The Body section the contents of the webpage are
    coded inside the BODY section

    <HTML>
    <HEAD>
    <TITLE> HTML WORKBOOK </TITLE>
    </HEAD>
    <BODY>
    This is the body section of this HTML document
    <B> This is a part of the body displayed in BOLD </B>
    </BODY>
    </HTML>

    HEAD
    SECTION

    BODY
    SECTION

    Text Editor

    Notepad from Microsoft is the


    common HTML Text Editor.
    Microsoft Word and WordPerfect can
    also be used to create HTML
    document.
    HTML documents has a file
    extension .html or .htm

    Putting Comments in
    your HTML Codes

    Comments are text embedded in a


    program for documentation purposes.
    Putting comments in your html code is
    helpful when you need to go back to
    your code sometime later to edit or
    update your web documents.
    The syntax for putting comments in
    your html:
    <!- Comments ->

    The Header Tag <Hn>

    Hn: Size (order)


    Applications
    H1 the biggest size for main title and section headings
    H2 the second biggest
    for chapter titles and
    important
    sub headins
    H3 the third biggest for sub headings
    H4 the middle size for most paragraph text (this is the
    default text size)
    H5 the second smallest
    for less important
    H6 the smallest
    for less important text
    (avoid using this size)

    The Address Tag


    <ADDRESS>

    The address tag indicates the name


    and the e-mail address of the owner
    or designer of the page.
    <ADDRESS> </ADDRESS>

    The Paragraph tag <P>

    The <P> tag is used to start a new


    paragraph
    This tag inserts a non printable
    character called newline before it
    displays the text inside the tag.

    The Line Break Tag


    <BR>

    The <BR> tag is used to insert a


    new line equivalent to that produced
    by the enter key in word processing.
    The <BR> tag does not have the
    closing tag </>

    <HTML>
    <HEAD>
    <TITLE> Chech's Personal Webpage</TITLE> </HEAD>
    <!- The contents of this section will be updated later ->
    <BODY>
    <H1> At Home with my Cheche! </H1>
    <P>
    Hi there! Welcome to my vey own home on the internet.
    I hope you will enjoy touring this site and know more about me.<BR>
    </P>
    <H2> Me and My Family </H2>
    <P>
    people find it hard to pronounce my real name and thought that
    cheche is my
    nickname. <Br>
    </P>
    <ADDRESS> Page Designed and created by h.france@gmail.com
    </ADDRESS>
    </BODY>
    </HTML>

    USING COLOR AND


    BACKGROUND
    The BGCOLOR attribute is used to set the
    background color of the entire webpage.
    The syntax for putting background color is:
    <BODY BGCOLOR=ncolor>
    Example:
    <html>
    <body BGCOLOR=GRAY>
    <p> My page with a gray background </p>
    </html>

    Physical Tag

    <B> Boldface
    <I>
    Italic
    <TT> Monospaced Typewriter
    <U> Underline
    <BIG> Bigger print than the sorrounding
    text
    <SMALL> Smaller print
    <SUB>
    Subscript
    <SUP>
    Superscript

    MARQUEE TAG
    You can create a scrolling marquee
    (i.e. scrolling text or scrolling
    images) by using the<marquee>
    tag.
    You can make the text/images scroll
    from right to left, left to right, top to
    bottom, or bottom to top - it's your
    choice

    Thank You

    Você também pode gostar