Scribd Logo
Upload

Welcome to Scribd!

  • 16 views

    Ahmad Ali Khawaja Jibran Arsalan Cheema Hadi Bin Masood

    Uploaded by

    Adil Farooq
    The document provides an overview of HTML and XHTML, describing their differences and origins. It then summarizes various HTML tags for different purposes - headings, paragraphs, lists, images, links, tables, forms, and form elements. Block level tags relate to typography and structure while inline tags affect text formatting. Lists can be ordered, unordered, or definitions. Images require a source and alternate text. Forms are used to submit data to servers using elements like text boxes, buttons, radio buttons, and labels.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content

    You might also like

    Ahmad Ali Khawaja Jibran Arsalan Cheema Hadi Bin Masood

    Uploaded by

    Adil Farooq
    16 views10 pages
    The document provides an overview of HTML and XHTML, describing their differences and origins. It then summarizes various HTML tags for different purposes - headings, paragraphs, lists, images, links, tables, forms, and form elements. Block level tags relate to typography and structure while inline tags affect text formatting. Lists can be ordered, unordered, or definitions. Images require a source and alternate text. Forms are used to submit data to servers using elements like text boxes, buttons, radio buttons, and labels.

    Original Description:

    Original Title

    PhP Work Shop

    Copyright

    © Attribution Non-Commercial (BY-NC)

    Available Formats

    PPTX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document provides an overview of HTML and XHTML, describing their differences and origins. It then summarizes various HTML tags for different purposes - headings, paragraphs, lists, images, links, tables, forms, and form elements. Block level tags relate to typography and structure while inline tags affect text formatting. Lists can be ordered, unordered, or definitions. Images require a source and alternate text. Forms are used to submit data to servers using elements like text boxes, buttons, radio buttons, and labels.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    16 views10 pages

    Ahmad Ali Khawaja Jibran Arsalan Cheema Hadi Bin Masood

    Uploaded by

    Adil Farooq
    The document provides an overview of HTML and XHTML, describing their differences and origins. It then summarizes various HTML tags for different purposes - headings, paragraphs, lists, images, links, tables, forms, and form elements. Block level tags relate to typography and structure while inline tags affect text formatting. Lists can be ordered, unordered, or definitions. Images require a source and alternate text. Forms are used to submit data to servers using elements like text boxes, buttons, radio buttons, and labels.

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Download as PPTX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as pptx, pdf, or txt
    of 10

    Ahmad Ali Khawaja Jibran Arsalan Cheema Hadi Bin Masood

    Overview
    XHTML Extensible Hyper Text Markup Language - Derived from XML
    - sloppiness of markup rules

    HTML - Hyper Text Markup Language


    - Based on Standard Generalized Markup Language(SGML) - No sloppiness of markup rules

    HTML 5 Era !!

    <html> <head> <title>Untitled Document</title> </head> <body> </body> </html>

    <html xmlns="http://www.w3.org/199 9/xhtml"> <head> <title>Untitled Document</title> </head> <body> </body> </html>

    <!DOCTYPE html PUBLIC "//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/x html1-transitional.dtd">

    HTML

    XHTML

    TWO Levels of tag Block Level & Inline Level Text tags
    Related to typography, paragraphs, breaks, text formatting.

    Image tags Link tags Table Forms

    <p> </p> Attributes (align etc.) Example <br /> OR <br></br> Quote - <q></q> Emphasize - <em></em> Strong - <strong> </strong> Acronym <acronym title =Meaning of acronym> MOA </acronym> Abbreviation <abbr title =abbreviation of something>AOS</abbr>

    <h1></h1> <h2></h2> <h3></h3> <h4></h4> <b></b> <i></i>

    3 Types of List mainly used:


    1) Ordered List

    <ul type = circle> <li>Item One</li> <li>Item Two</li> </ul>

    2) Unordered List

    <ol type = A> <li>Item One</li> <li>Item Two</li> </ol>

    3) Definition List
    <dl > </dl> <dt>Definition Term One</dt> <dd>Any definition</dd>

    <img></img> Two attributes


    Source - src Alternate alt

    <img src = myImage.jpg alt = A text info of the image>

    </img>

    Inline Tag Syntax

    <a href = http://www.google.com title = google Homepage > </a>

    Relative links

    Base links

    - <base href = > </base> (head)

    Used for displaying data Attributes e.g. border, align etc.


    <table> <tr>

    </tr>
    <tr>

    <th>Heading</th>

    </tr>
    </table>

    <td>Heading</td>

    <form method = post action = > //use form element e.g. buttons, textbox etc. </form>

    Used for interaction of data from/to server side. Used along with form elements like checkboxes, textboxes etc. Label <label>some label</label> Text Field <input name = input Text type = Text></input> Button <input type = submit value = AnyButtonValue></input> Radio Box <input name=radioName type =radio value = AnyValue></input>

    You might also like