Scribd Logo
Upload

Welcome to Scribd!

  • HTML Slide

    Uploaded by

    Kim Sor
    4 views14 pages
    This document provides an introduction to basic HTML elements and tags for beginners. It explains that HTML is a markup language used to create web pages and defines common elements like headings, paragraphs, images, links, lists, tables, forms and div containers. It provides syntax examples for each element discussed.

    Original Description:

    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
    This document provides an introduction to basic HTML elements and tags for beginners. It explains that HTML is a markup language used to create web pages and defines common elements like headings, paragraphs, images, links, lists, tables, forms and div containers. It provides syntax examples for each element discussed.

    Copyright:

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

    HTML Slide

    Uploaded by

    Kim Sor
    This document provides an introduction to basic HTML elements and tags for beginners. It explains that HTML is a markup language used to create web pages and defines common elements like headings, paragraphs, images, links, lists, tables, forms and div containers. It provides syntax examples for each element discussed.

    Copyright:

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

    .

    Web Design for Beginner(HTML)


     និយមន័យ:
    HTML គឺជាភាសាមួយសម្រាប់ធ្វើការបង្កើតជា WEB PAGE។ពាក្យពេញរបស់
    HTML គឺHYPER TEXT MARKUP LANGUAGE។ HTML មិនមែនជា​​
    PROGRAMMING LANGUAGE វិញនោះទេ វាគឺជាMARKUP LANGUAGE។
    MAKEUP LANGUAGEគឺជាសំណុំ នៃ MARKUP TAG ឬTAG (ឧ.៖ <P> </P>, <B>
    </B>, <CENTER> </CENTER>)។ HTML ប្រើប្រាស់MAKEUP TAG ដើម្បីបង្កើត
    គេហទំព័រ។
    .
    ●​​HTML Heading
    <h1>Heading 1</h1>

    <h2>Heading 2</h2>

    <h3>Heading 3</h3>

    <h4>Heading 4</h4>

    <h5>Heading 5</h5>

    <h6>Heading 6</h6>
    ● HTML Paragraph
    <!DOCTYPE html>
    <html>
    . <body>

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

    </body>
    </html>

    The HTML <p> element defines a paragraph.


    ● HTML Element
    ● HTML Attribute

    Attribute គឺជាមុខងារមួយរបស់ Element ដែលវាមានតួនាទីដើម្បីជួយ


    សម្របសម្រួលលក្ខណៈផ្សេងៗទៅឲ្យ Element។
    ● HTML Formatting
    <b>This text is bold.</b>
    .
    <strong>This text is important!</strong>
    <i>This text is italic</i>
    <em>This text is emphasized</em>
    <small>This is some smaller text.</small>
    <mark>Marked text</mark>
    <del>Deleted text</del>
    <p>This is <sub>subscripted</sub> text.</p>
    <p>This is <sup>superscripted</sup> text.</p>
    ● HTML Image
    The HTML <img> tag is used to embed an image in a web page.
    The <img> tag is empty, it contains attributes only, and does not have a closing tag.
    .
    The <img> tag has two required attributes:

    src - Specifies the path to the image


    alt - Specifies an alternate text for the image

    ** Syntax
    <img src="url" alt="alternatetext">
    ● HTML Link

    .
    HTML links are hyperlinks.

    We can click on a link and jump to another document.


    ** Syntax
    <a href="url">link text</a>
    **Example
    <a href="https://www.google.com/">Google</a>
    ● HTML Table Example:
    <table>
    <tr>
    . <th>Person 1</th>
    <th>Person 2</th>
    A table in HTML consists of table cells inside rows and <th>Person 3</th>
    columns
    </tr>
    =>Table Rows
    Each table row starts with a <tr> and end with a </tr> tag.
    <tr>
    =>Table Cells <td>Emil</td>
    Each table cell is defined by a <td> and a </td> tag. <td>Tobias</td>
    =>Table Headers <td>Linus</td>
    Sometimes you want your cells to be headers, in those cases use </tr>
    the <th> tag instead of the <td> tag: <tr>
    <td>16</td>
    <td>14</td>
    <td>10</td>
    </tr>
    </table>
    ● HTML List
    There are 2 type of HTML lists
    1-Unordered list
    . An Unordered list starts with the <ul> tag. Each list item starts with
    the <li> tag.

    Example:
    <ul>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ul>
    .

    2-Ordered List
    The HTML <ol> tag defines an ordered list
    .

    • Example:

    <ol>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Milk</li>
    </ol>
    ● HTML Block Element
    The <div> Element
    The <div> element is often used as a container for other HTML elements.

    . The <div> element has no required attributes, but style, class and id are common.

    When used together with CSS, the <div> element can be used to style blocks of content.

    Example:
    <div style="background-color:black;color:white;padding:20px;">
    <h2>London</h2>
    <p>
    London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan
    area of over 13 million inhabitants.
    </p>
    </div>
    ● HTML Forms
    The HTML <form> element is used to create an
    HTML form for user input:
    .

    Example:

    <form>
    <label >First name:</label><br>
    <input type="text" ><br>
    <label >Last name:</label><br>
    <input type="text" >
    </form>

    You might also like