Scribd Logo
Upload

Welcome to Scribd!

  • 21 views

    Hypertext Markup Language

    Uploaded by

    Shivali Rishi
    HTML allows you to create web pages with text, graphics, sound, and video using tags. Tags tell web browsers how to display the page and come in pairs with opening and closing tags. All web pages share a common structure with <html>, <head>, <title>, and <body> tags. Basic HTML tags include headings (<h1>-<h6>), paragraphs (<p>), and text formatting tags for bold (<b>), italics (<i>), underline (<u>), and new paragraphs (<p>, <br>). Fonts, size, color, and alignment can be changed using <font> tags.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Hypertext Markup Language

    Uploaded by

    Shivali Rishi
    21 views18 pages
    HTML allows you to create web pages with text, graphics, sound, and video using tags. Tags tell web browsers how to display the page and come in pairs with opening and closing tags. All web pages share a common structure with <html>, <head>, <title>, and <body> tags. Basic HTML tags include headings (<h1>-<h6>), paragraphs (<p>), and text formatting tags for bold (<b>), italics (<i>), underline (<u>), and new paragraphs (<p>, <br>). Fonts, size, color, and alignment can be changed using <font> tags.

    Original Description:

    An html presentation

    Original Title

    HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    HTML allows you to create web pages with text, graphics, sound, and video using tags. Tags tell web browsers how to display the page and come in pairs with opening and closing tags. All web pages share a common structure with <html>, <head>, <title>, and <body> tags. Basic HTML tags include headings (<h1>-<h6>), paragraphs (<p>), and text formatting tags for bold (<b>), italics (<i>), underline (<u>), and new paragraphs (<p>, <br>). Fonts, size, color, and alignment can be changed using <font> tags.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    21 views18 pages

    Hypertext Markup Language

    Uploaded by

    Shivali Rishi
    HTML allows you to create web pages with text, graphics, sound, and video using tags. Tags tell web browsers how to display the page and come in pairs with opening and closing tags. All web pages share a common structure with <html>, <head>, <title>, and <body> tags. Basic HTML tags include headings (<h1>-<h6>), paragraphs (<p>), and text formatting tags for bold (<b>), italics (<i>), underline (<u>), and new paragraphs (<p>, <br>). Fonts, size, color, and alignment can be changed using <font> tags.

    Copyright:

    © All Rights Reserved
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 18

    HTML

    Hypertext Markup Language


    HTML
    • Using HTML, you can create a Web page with text, graphics, sound, and
    video.

    • The essence of HTML programming is tags.

    ■ Tags tell Web browser how to display a page

    ■ Can have either *.htm or *.html file extension

    • A tag is a keyword enclosed by angle brackets ( Example: <I> )

    • There are opening and closing tags for many but not all tags; The text is
    between the two tags.
    WEB BROWSER & WEB
    PAGE
    HTML tags
    Tags surrounded by angle brackets < >
    Usually come in pairsExample: Start tag <p> and end tag </p>
    Stuff between is called “element content”
    Tags are not case sensitive. New standard is to use lower case
    The tags with opening and closing tag both are known as paired
    tags.
    Whenever you have HTML tags within other HTML tags, you must
    close the nearest tag first.
    Example: NESTED TAGS
    <H1> <I> The Nation </I> </H1>
    Different layout and
    Appearance
    STRUCTURE OF WEB
    PAGE
    • All Web pages share a common structure
    • All Web pages should contain a pair of <HTML>, <HEAD>, <TITLE>, and <BODY> tags
    <html>
    <head>
    <title> …document title… </title>
    </head>
    <body>
    …your page content…
    </body>
    </html>
    Basic HTML program
    Save the file on your
    hard drive
    Naming your HTML file

    Use the extension htm or html.

    Be careful to select All Files as the type.


    Check to see the file saved in
    your directory

    Be sure the file


    has the
    extension .htm,
    not .txt.
    Display the page using
    the web client
    BASIC TAGS
    ■ Headings

    ■ <h1>…</h1> to <h6>…</h6>

    ■ Like in Word

    ■ See example

    ■ Paragraph

    ■ <p>… </p>

    ■ Inserts a line space before and after a paragraph

    ■ See example
    Example of using
    Heading tag
    Example of using
    Paragraph tag
    Text formatting tags

    <B> Bold Face </B>

    <I> Italics </I>

    <U> Underline </U>

    <P> New Paragraph </P>

    <BR> Next Line


    Changing the font

    • The expression <FONT FACE = “fontname”> … </FONT> can be used to


    change the font of the enclosed text

    • To change the size of text use the expression <FONT SIZE=n> ….


    </FONT> where n is a number between 1 and 7

    • To change the color, use <FONT COLOR=“red”>…. </FONT>; The color


    can also be defined using hexadecimal representation ( Example: #ffffff )

    • These attributes can be combined to change the font, size, and color of the
    text all at once; For example, <FONT SIZE=4 FACE=“Courier”
    COLOR=“red”> …. </FONT>
    HEADING

    • Web pages are typically organized into sections with


    headings; To create a heading use the expression
    <Hn>….</Hn> where n is a number between 1 and 7

    • In this case, the 1 corresponds to the largest size


    heading while the 7 corresponds to the smallest size
    ALIGN TEXT

    • The ALIGN attribute can be inserted in the <P> and


    <Hn> tags to right justify, center, or left justify the text

    • For example, <H1 ALIGN=CENTER> The New York


    Times </H1> would create a centered heading of the
    largest size

    You might also like