Scribd Logo
Upload

Welcome to Scribd!

  • HTML Tags Documents

    Uploaded by

    stephen
    11 views9 pages
    The document discusses the basic structure and tags used in HTML documents. It explains that all HTML documents must begin with <!DOCTYPE html> and contain <html>, <head>, and <body> tags. The visible content is placed between the <body> tags. It also provides examples of common text elements like headings, paragraphs, links, images, and lists.

    Original Description:

    Original Title

    HTML tags Documents

    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
    The document discusses the basic structure and tags used in HTML documents. It explains that all HTML documents must begin with <!DOCTYPE html> and contain <html>, <head>, and <body> tags. The visible content is placed between the <body> tags. It also provides examples of common text elements like headings, paragraphs, links, images, and lists.

    Copyright:

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

    HTML Tags Documents

    Uploaded by

    stephen
    The document discusses the basic structure and tags used in HTML documents. It explains that all HTML documents must begin with <!DOCTYPE html> and contain <html>, <head>, and <body> tags. The visible content is placed between the <body> tags. It also provides examples of common text elements like headings, paragraphs, links, images, and lists.

    Copyright:

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

    HTML Documents

    All HTML documents must start with a document type declaration: <!DOCTYPE
    html>.

    The HTML document itself begins with <html> and ends with </html>.

    The visible part of the HTML document is between <body> and </body>.

    Example
    <!DOCTYPE html>
    <html>
    <body>

    <h1>My First Heading</h1>


    <p>My first paragraph.</p>

    </body>
    </html>
    Try it Yourself »

    The <!DOCTYPE> Declaration


    The <!DOCTYPE> declaration represents the document type, and helps browsers to
    display web pages correctly.

    It must only appear once, at the top of the page (before any HTML tags).

    The <!DOCTYPE> declaration is not case sensitive.

    The <!DOCTYPE> declaration for HTML5 is:

    <!DOCTYPE html>

    HTML Headings
    HTML headings are defined with the <h1> to <h6> tags.

    <h1> defines the most important heading. <h6> defines the least important
    heading:

    Example
    <h1>This is heading 1</h1>
    <h2>This is heading 2</h2>
    <h3>This is heading 3</h3>
    Try it Yourself »

    ADVERTISEMENT

    HTML Paragraphs
    HTML paragraphs are defined with the <p> tag:

    Example
    <p>This is a paragraph.</p>
    <p>This is another paragraph.</p>
    Try it Yourself »

    HTML Links
    HTML links are defined with the <a> tag:

    Example
    <a href="https://www.w3schools.com">This is a link</a>
    Try it Yourself »

    The link's destination is specified in the href attribute.

    Attributes are used to provide additional information about HTML elements.


    You will learn more about attributes in a later chapter.

    HTML Images
    HTML images are defined with the <img> tag.

    The source file (src), alternative text (alt), width, and height are provided as
    attributes:

    Example
    <img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
    Try it Yourself »

    How to View HTML Source


    Have you ever seen a Web page and wondered "Hey! How did they do that?"

    View HTML Source Code:


    Right-click in an HTML page and select "View Page Source" (in Chrome) or
    "View Source" (in Edge), or similar in other browsers. This will open a window
    containing the HTML source code of the page.

    Inspect an HTML Element:


    Right-click on an element (or a blank area), and choose "Inspect" or "Inspect
    Element" to see what elements are made up of (you will see both the HTML and
    the CSS). You can also edit the HTML or CSS on-the-fly in the Elements or
    Styles panel that opens.

    HTML <button> Tag


    ❮ Previous Complete HTML Reference Next ❯
    Example
    A clickable button is marked up as follows:

    <button type="button">Click Me!</button>


    Try it Yourself »

    More "Try it Yourself" examples below.

    Definition and Usage


    The <button> tag defines a clickable button.

    Inside a <button> element you can put text (and tags


    like <i>, <b>, <strong>, <br>, <img>, etc.). That is not possible with a button created
    with the <input> element!

    Tip: Always specify the type attribute for a <button> element, to tell browsers
    what type of button it is.

    Tip: You can easily style buttons with CSS! Look at the examples below or visit
    our CSS Buttons tutorial.

    Attributes
    Attribute Value Description

    autofocus autofocus Specifies that a


    button should
    automatically
    get focus when
    the page loads
    disabled disabled Specifies that a
    button should be
    disabled

    form form_id Specifies which


    form the button
    belongs to

    formaction URL Specifies where


    to send the
    form-data when
    a form is
    submitted. Only
    for
    type="submit"

    formenctype application/x-www-form-urlencoded Specifies how


    multipart/form-data form-data
    text/plain should be
    encoded before
    sending it to a
    server. Only for
    type="submit"

    formmethod get Specifies how to


    post send the form-
    data (which
    HTTP method to
    use). Only for
    type="submit"

    formnovalidate formnovalidate Specifies that


    the form-data
    should not be
    validated on
    submission. Only
    for
    type="submit"

    formtarget _blank Specifies where


    _self to display the
    _parent response after
    _top submitting the
    framename form. Only for
    type="submit"

    name name Specifies a name


    for the button

    type button Specifies the


    reset type of button
    submit

    value text Specifies an


    initial value for
    the button

    HTML Lists
    HTML lists allow web developers to group a set of related items in lists.

    Example
    An unordered HTML list:

     Item
     Item
     Item
     Item

    An ordered HTML list:

    1. First item
    2. Second item
    3. Third item
    4. Fourth item

    Try it Yourself »

    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>

    Try it Yourself »

    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>
    Try it Yourself »
    HTML Description Lists
    HTML also supports description lists.

    A description list is a list of terms, with a description of each term.

    The <dl> tag defines the description list, the <dt> tag defines the term (name),
    and the <dd> tag describes each term:

    Example
    <dl>
    <dt>Coffee</dt>
    <dd>- black hot drink</dd>
    <dt>Milk</dt>
    <dd>- white cold drink</dd>
    </dl>

    HTML List Tags


    Tag Description

    <ul> Defines an unordered list

    <ol> Defines an ordered list

    <li> Defines a list item

    <dl> Defines a description list

    <dt> Defines a term in a description list


    <dd> Describes the term in a description list

    For a complete list of all available HTML tags, visit our HTML Tag Reference.

    You might also like