Scribd Logo
Upload

Welcome to Scribd!

  • What Is HTML?

    Uploaded by

    Keerthana M.S
    7 views11 pages

    Original Title

    HTML

    Copyright

    © © All Rights Reserved

    Available Formats

    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 PDF, TXT or read online from Scribd
    Flag for inappropriate content
    7 views11 pages

    What Is HTML?

    Uploaded by

    Keerthana M.S

    Copyright:

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

    HTML

    Hyper text markup language

    What is HTML?
    html is the language in which most websites are
    written . html was created pages and made them
    functional. The code used to make them visual
    appearing in CSS.
    HTML TAGS
    Tags are used to mark up the start of an html
    element and they are usually enclosed in angle
    brackets.
    For example:- <h1> opened
    </h1> closed

    HTML ATTRIBUTES
    Attributes contains additional pieces of
    information.
    For example:- <img src="mydog.jpg" alt="A photo of
    my dog.">

    Image source = img scr


    Alt Text= alt
    Golden Rules To Remember

    ❏ The tag must be opened <tag> and closed</tag>


    with in the element
    ❏ When using multiple Tags. the tag must be
    closed in the order in which they were opened.
    Ex;- <strong><em>This is really
    important!</em></strong>

    HTML EDITOR

    ❖Sublime Text
    ❖Notepad ++
    ❖Komodo editor

    At the top of every HTML page

    1. <!DOCTYPE html>
    2. <html>
    3. <head>
    4. <body>
    Example Programme #1
    <head>
    <title>My First Webpage</title>
    <meta charset="UTF-8">
    <meta name="description" content="This field
    contains information about your page. It is usually
    around two sentences long.">.
    <meta name="author" content="Conor Sheils">
    </header>

    BODY TAG
    <body>

    ★Text
    ★Image
    ★Tables
    ★forms

    HEADING ELEMENT
    ➔<h1>
    ➔<h2>
    ➔<h3>
    ➔<h4>
    ➔<h5>
    Example :- <h1> welcome </h1>

    OTHER KEY ELEMENTS

    ➢ <b> Bold
    ➢ <strong> Strong
    ➢ <i>Italic
    ➢<em>Emphasised Text
    ➢<mark> MarkedText
    ➢<small> SmallText
    ➢<strike>Strike Text
    ➢<u> Underlined Text
    ➢<ins> Inserted Text
    ➢<sub> Subscript Text
    ➢<sup> Superscript Text

    EXAMPLE:- <p> Welcome to<em> my </em> brand


    new website. this site will be my <strong>
    new</strong> home
    to the web </p>
    ANCHOR TAG <a>

    Example:-

    1. <a
    href="https://blogging.com/how-to-start-a-blog/">
    </a>
    2.<a href="https://www.google.com">google</a>
    3.<a href="*floder(s)*/page2.html">page2</a>

    ADD IMAGE IN HTML

    Click image
    image properties (type of file ) copy

    Example:-<img src=" paste " alt="describe the


    image" height="12" width="4">

    ORDERED LIST
    <ol>

    <ol>
    <li> an </li>
    <li> sio </li>
    </ol>

    UNORDERED LIST
    <ul>

    <ul>
    <li> come </li>
    <li> to </li>
    </ul>

    DEFINITION LIST
    <dl>

    <dl>
    <dt> item</dt>
    <dd> the </dd>
    </dl>
    TABLE TAGS

    ● TABLE <table>
    ● TABLE ROWS <tr>
    ● TABLE CELLS <td>

    EXAMPLE PROGRAM #2

    <table>
    <tr>
    <td> Row1=column1 </td>
    <td> Row1=column2 </td>
    <td> Row1=column3 </td>
    </tr>
    <tr>
    <td> Row2=column1 </td>
    <td> Row2=column2 </td>
    <td> Row2=column3 </td>
    </tr>
    </table>
    TABLE TAGS

    ★<thead> = Table head


    ★<tbody>= Table body
    ★<tfoot>= Table foot
    ★<colgroup> = Columngroup
    ★<th> = Table header

    EXAMPLE PROGRAMME #3

    <!DOCTYPE html>
    <html>
    <head>
    <title>My First Webpage</title>
    <meta charset="UTF-8">
    <meta name="description" content="This is my first
    website. It includes lots of information about my
    life.">
    </head>
    <body>
    <h1>Welcome to my webpage</h1>
    <p>Welcome to <em> my </em> </em> brand new
    website.</p>
    <p>This site will be my <strong> new </strong>
    home on the web.</p>
    <a href="/page2.html">Page2</a>
    <img src="testpic.jpg" alt="This is a test image"
    height="42" width="42">
    <p>This website will have the following benefits for
    my business:</p>
    <ul> \
    <li>Increased traffic </li>
    <li>Global Reach</li>
    <li>Promotional Opportunities</li>
    </ul>
    <table>
    <tr>
    <td>Row 1 - Column 1</td>
    <td>Row 1 - Column 2 </td>
    </tr>
    <tr>
    <td>Row 2 - Column 1</td>
    <td>Row 2 - Column 2</td>
    </tr>
    </table>
    </body>
    </html>

    Read more: https://html.com/#ixzz6v006CLpy

    EXAMPLE PROGRAMME #4

    <!DOCTYPE html>
    <html>
    <head>
    <title>My First Webpage</title>
    <meta charset="UTF-8">
    <meta name="description" content="This is my first
    website. It includes lots of information about my
    life.">
    </head>
    <body>
    <h1>Welcome to my webpage</h1>
    <p>Welcome to <em> my </em> brand new
    website.</p>
    <p>This site will be my <strong> new <strong> home
    on the web.</p>
    <a href="http://www.google.com">Google</a>
    </body>
    </html>

    Read more: https://html.com/#ixzz6v01Sew1h

    BY ✿♬ﾟMS...

    You might also like