Scribd Logo
Upload

Welcome to Scribd!

  • HTML Codes Chapter#1

    Uploaded by

    r93_alhajri
    14 views11 pages
    The document discusses various HTML tags for formatting text on webpages. It explains opening and closing tags, tags for headings, paragraphs, and bold, italic, and emphasized text. Other tags covered include tags for images, links to other webpages, horizontal rules, line breaks, and preserving whitespace. An example HTML code is provided that demonstrates many of these tags.

    Original Description:

    HTML codes chapter#1

    Original Title

    HTML codes chapter#1

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document discusses various HTML tags for formatting text on webpages. It explains opening and closing tags, tags for headings, paragraphs, and bold, italic, and emphasized text. Other tags covered include tags for images, links to other webpages, horizontal rules, line breaks, and preserving whitespace. An example HTML code is provided that demonstrates many of these tags.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views11 pages

    HTML Codes Chapter#1

    Uploaded by

    r93_alhajri
    The document discusses various HTML tags for formatting text on webpages. It explains opening and closing tags, tags for headings, paragraphs, and bold, italic, and emphasized text. Other tags covered include tags for images, links to other webpages, horizontal rules, line breaks, and preserving whitespace. An example HTML code is provided that demonstrates many of these tags.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 11

    HTML CODES

    Rahma Alhajri

    Friday, November 9, 12

    Start Tags
    <HTML> <body> <-other codes-> </body> </HTML>

    Friday, November 9, 12

    Text Tags
    <h1> -HeadLine1- </h1> <h2> -HeadLine2- </h2> <p> -paragraph- </p>

    Friday, November 9, 12

    Text format Tags


    <B> -Bold Text- </B> <i> -italic text- </i> or <em> -emphasized- </em> <big> -big text- </big> <small> -small text- </small> <sup> -SuperscriptText- </sup> <sub> -SubscriptText- </sub>

    Friday, November 9, 12

    Other Format Tags


    <pre> -preserves space- </pre> <Hr> -Horizontal Rule- </Hr> <br> -line Break- </br>

    Friday, November 9, 12

    Inserting Photo Tag


    <img src="Image Path.type of image"/> If you want to edit the size for the image:
    <img src="Cat.gif" *Photo *Type height="42" width="42"/>

    Path:

    for example:D://images/photo.jpg for example: (.jpg ,.gif)

    of image:

    Friday, November 9, 12

    Text Linked to Webpage Tag

    <a href="http://www.facebook.com">Facebook</a>

    Friday, November 9, 12

    Example

    Friday, November 9, 12

    The Code in Notepad


    <Html> <body> <h1>Welcome</h1> <h2>Hello Everyone</h2> <p>This Rahma Alhajri <p> <p> I'm <em>writting</em> <sub>an </sub> <i> example</i> in <B>H.T.M.L</B>, <sup> and </sup> i <big>hope</big> it will <small>help </small> you.<br>Best of Luck </p> <Hr> <a href:"www.google.com">Google</a> <hr> <img src="C:\Users\Public\Pictures\Sample Pictures\Penguins.jpg" height="150" width="300"/> <hr> </body> </html>

    Friday, November 9, 12

    Final Shape
    Friday, November 9, 12

    The End :)

    Friday, November 9, 12

    You might also like