Ticker

6/recent/ticker-posts

Header Ads Widget

Responsive Advertisement

A Complete Html Cheat Sheet For Beginners | Web development Beginers

Learners Earth November 08, 2020

    DOCUMENT OUTLINE

    <!DOCTYPE> - Version of (X)HTML

    <html> - HTML Document

    <head> - Page Information

    <body> - Page Contents

    COMMENTS

    <!—Comment Text-->

    PAGE INFORMATION

    <base /> - Base URL

    <meta /> - Meta Data

    <title> - Title

    <link /> - Relevent Resource

    <style> - Style Resource

    <script> - Script Resource

    DOCUMENT STRUCTURE

    <h1…h6> - Heading

    <div> - Page Section

    <span> - Inline Section

    <p> - Paragraph

    <br> - Line Break

    <hr> - Horizontal Rule

    LINKS

    <a href=””> - Page Link

    <a href=”mailto”> - Email Link

    <a href=”name”> - Anchor

    <a href=”#name:”> - Link To Anchor

    TEXT MARKUP

    <strong> - Strong Emphasis

    <em> - Emphasis

    <blockquote> - Long Quotation

    <q> - Short Quotation

    <abbr> - Abbreviation

    <acronym> - Acronym

    <address> - Address

    <pre> - Pre-Formatted Text

    <dfn> - Definition

    <code> - Code

    <cite> - Citation

    <del> - <Deleted Text>

    <ins> - Insert Text

    <sub> - Subscript

    LISTS

    <ol> - Ordered list

    <ul> - Unordered list

    <li> - List Item

    <dl> - Definition list

    <dt> - Definition Term

    <dd> - Term Description

    FORMS

    <form> - Ordered list

    <fieldset> - Collection Of Fields

    <legend> - Form legend

    <lable> - Input Lable

    <input> - Form input

    <select> - Drop Down Box

    <optgroup> - Group of Options

    <option> - Drop Down Option

    TABLES

    <table> - Table

    <caption> - Caption

    <thead> - Table Header

    <tbody> - Table Body

    <tfoot> - Table Footer

    <colgroup> - Column Group

    <col /> - Column

    <tr> - Table Row

    <th> - Header Cell

    <td> - Table Cell

    IMAGES AND IMAGE MAPS

    <img> - Image

    <map> - Image Map

    <area /> - Area of Image Map

    src="url" – The path where the image is located

    alt="text" – The text is displayed when user hovers mouse over the image

    height=" " – Specifies image height

    width=" " – Specifies image width

    align=" " – The relative alignment of the image

    OPTION ATTRIBUTES

    value=" " – The text visible to the user for any given option

    selected – Determines which option is selected by default when the form loads

    <button> - Tag for creating a button for from submission

    SELECT ATTRIUTES

    name=" " – The name of a particular list of option

    size=" " – Total number of options given to the use

    multiple – Status whether the user can choose multiple options from the list

    required – Specifies whether choosing an options is necessary for from submission

    autofocus – Specifies that a drop-down list automatically comes into focus after a page loads

    <option> - Tag for listing individual items in the list of options

    HTML 5 NEW TAGS

    <header> - Specifies the webpage header

    <footer> - Specifies the webpage footer

    <main> - Marks the main content of the webpage

    <article> - Denotes an article

    <aside> - Denotes content displayed in a sidebar of the webpage

    <section> - Specifies a particular section in the webpage

    <details> - Used for additional information

    <summary> - Used as a heading for the above tag

    <dialog> - Used to create a dialog box

    <nav> - Navigation links for the user in a webpage

    Tags:

    Post a Comment

    0 Comments