Scribd Logo
Upload

Welcome to Scribd!

  • HTML 1

    Uploaded by

    Abhishek Garg
    13 views4 pages

    Original Title

    HTML-1

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    13 views4 pages

    HTML 1

    Uploaded by

    Abhishek Garg

    Copyright:

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

    HTML

    HTML stands for Hyper Text Markup Language, which is the most widely used language on Web to
    develop web pages.
    HTML was created by Berners-Lee in late 1991 but "HTML 2.0" was the first standard HTML
    specification which was published in 1995. HTML 4.01 was a major version of HTML and it was published
    in late 1999. Though HTML 4.01 version is widely used but currently we are having HTML-5 version
    which is an extension to HTML 4.01, and this version was published in 2012.
    What is HTML?
    HTML is the standard markup language for creating Web pages.
     HTML stands for Hyper Text Markup Language
     HTML describes the structure of Web pages using markup
     HTML elements are the building blocks of HTML pages
     HTML elements are represented by tags
     HTML tags label pieces of content such as "heading", "paragraph", "table", and so on
     Browsers do not display the HTML tags, but use them to render the content of the page
    A Simple HTML Document
    <html>
    <head>
    <title>Page Title</title>
    </head>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    Formatting elements were designed to display special types of text:
     <b> - Bold text
     <strong> - Important text
     <i> - Italic text
     <em> - Emphasized text
     <mark> - Marked text
     <small> - Small text
     <del> - Deleted text
     <ins> - Inserted text
     <sub> - Subscript text
     <sup> - Superscript text

    HTML Paragraph Tag


    Defines a paragraph into web document. HTML paragraph define using <p> tag.
    Example-Code:
    <body>
    <p> This is first Paragraphs </p>
    <p> This is Second Paragraphs </p>
    </body>
    HTML Comment Tag
    Defines the Comments <!-- Your Comment --> tag.
    Example-Code:
    <body>
    <img src="../../jix/w2t.png" width="380" height="70" /> <!--Image File-->
    </body>
    HTML Images Tag
    To display Images into web document. HTML Images are define inside the <img> tag.
    Example-Code:
    <body>
    <img src="../../jix/w2t.png" width="380" height="70" />
    </body>
    HTML Link Tag
    Defines the Link in internal or External document. HTML Link are defined inside the <a> tag.
    Example-Code:
    <body>
    <a href="http://www.way2tutorial.com">Web Development Tutorial</a>
    </body>
    HTML Headings Tags
    Defines the Heading <h1> to <h6> tags.
    Example-Code:
    <body>
    <h1> Heading Tag </h1>
    <h2> Heading Tag </h2>

    <h5> Heading Tag </h5>


    <h6> Heading Tag </h6>
    </body>

    HTML <marquee> tag use to create a scrolling text or scrolling image from left to right, right to left, top to
    bottom, bottom to top. There is no limit. It’s user define choice.
    <marquee> tag is a Container tag to create scrolling text.

    HTML Background Color


    The background-color property defines the background color for an HTML element.
    This example sets the background color for a page to powderblue:
    Example
    <body style="background-color:powderblue;">

    <h1>This is a heading</h1>
    <p>This is a paragraph.</p>

    </body>
    HTML Text Color
    The color property defines the text color for an HTML element:
    Example
    <h1 style="color:blue;">This is a heading</h1>
    <p style="color:red;">This is a paragraph.</p>
    HTML Fonts
    The font-family property defines the font to be used for an HTML element:
    Example
    <h1 style="font-family:verdana;">This is a heading</h1>
    <p style="font-family:courier;">This is a paragraph.</p>
    HTML Text Size
    The font-size property defines the text size for an HTML element:
    Example
    <h1 style="font-size:300%;">This is a heading</h1>
    <p style="font-size:160%;">This is a paragraph.</p>
    HTML Text Alignment
    The text-align property defines the horizontal text alignment for an HTML element:
    Example
    <h1 style="text-align:center;">Centered Heading</h1>
    <p style="text-align:center;">Centered paragraph.</p>

    HTML Tables
    <table Border=10>
      <tr>
        <th>Firstname</th>
        <th>Lastname</th> 
        <th>Age</th>
      </tr>
      <tr>
        <td>Jill</td>
        <td>Smith</td> 
        <td>50</td>
      </tr>
      <tr>
        <td>Eve</td>
        <td>Jackson</td> 
        <td>94</td>
      </tr>
    </table>

    HTML Lists
    Unordered HTML List
    An unordered list starts with the <ul> tag. Each list item starts with the <li> tag.
    The list items will be marked with bullets (small black circles) by default:
    Example
    <ul>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ul>
    Ordered HTML List
    An ordered list starts with the <ol> tag. Each list item starts with the <li> tag.
    The list items will be marked with numbers by default:
    Example
    <ol>
      <li>Coffee</li>
      <li>Tea</li>
      <li>Milk</li>
    </ol>

    HTML  Video
    <video width="320" height="240" controls>
      <source src="movie.mp4" type="video/mp4">
    </video>

    HTML YouTube Videos
    <iframe width="420" height="315"
    src="https://www.youtube.com/embed/tgbNymZ7vqY">
    </iframe>

    You might also like