Html.docx
This document was uploaded by user and they confirmed that they have the permission to share it. If you are author or own the copyright of this book, please report to us by using this DMCA report form. Report DMCA
Overview
Download & View Html.docx as PDF for free.
More details
- Words: 1,121
- Pages: 6
HTML5 HTML 1. It stands for Hyper Text Markup Language and is used to create a website. 2. It describes the structure of Web pages using markup. 3. It elements/tags are the building blocks of HTML pages. 4. It tags label pieces of content such as "heading", "paragraph", "table", and so on. Browsers do not display the HTML tags, but use them to render the content of the page. STRUCTURE OF HTML
EXAMPLEPage Title <body> <h1> <p> Wisdom Materials<br />
<br />
It declares document to be HTML. It is the root element of an HTML page. It contains meta information about the document. It is the title of the document. It contains the visible page content. It is the large heading. It declares the paragraph. 1<br />
<br />
HTML5 HTML TAGS Tag Name Headings<br />
<br />
Paragraph Anchor<br />
<br />
Description Used to display heading with different fonts. <h1>heading 1</h1> <h2>heading 2</h2> <h3>heading 3</h3> <h4>heading 4</h4> <h5>heading 5</h5> <h6>heading 6</h6> Used to display Paragraph. <p>Type Text</p> It is used for page redirection and downloads for a file. <a href=" http://www.wisdommaterials.com" rel="nofollow"> links to site abcd </a><br />
<br />
Horizontal Rules Meta<br />
<br />
_blank - Opens the linked document in a new window or tab _self - Opens the linked document in the same window/tab as it was clicked (this is default) Used Displays Image on webpage. <img src="a.jpg" alt="Describe image" width="100" height="150"/> <button>Click me</button> type="1" Ordered <ol type="1" > type="A" <li>Coffee</li> type="a" <li>Tea</li> type="I" <li>Milk</li> type="i" </ol> Unordered Value Descriptio <ul style="list-stylen type:square" > disc bullet <li>Coffee</li> circle circle <li>Tea</li> square square <li>Milk</li> none not be </ul> marked Give a horizontal line. <meta charset="UTF-8"><br />
<br />
New Line Pre Quotations<br />
<br />
<br> <pre>1 2 3 4 </pre> <q>Quotations</q><br />
<br />
Image<br />
<br />
Button Lists It is a collection of items. Types of Lists 1. Ordered. 2. Unordered.<br />
<br />
Wisdom Materials<br />
<br />
Details<br />
<br />
Links to that site (abcd.com). tar_parent - Opens the linked document in the parent frame _top - Opens the linked document in the full body of the window get="_blank"<br />
<br />
Character Encoding Singleton tag 1234<br />
<br />
2<br />
<br />
HTML5 Comment Div Link <address rel="nofollow"><br />
<br />
<bdo><br />
<br />
<!-- Write your comments here --> It is used as a Positioning element. <div>Positions element</div> <link rel = "stylesheet" type = "text/css" href = "stylefile.css"> It defines contact information of document owner of an article and is displayed in italic.<br />
<br />
Positions element Used to link files. Wisdom Materials, Hyderabad<br />
<br />
<address rel="nofollow"> Wisdom Materials,<br /> Hyderabad<br /> </address> It is display the text from left to right. <bdo dir="rtl">text is written from right to left</bdo><br />
<br />
HTML FORMATTING ELEMENTS Bold text <b>Bold text</b> Important text <strong>Important text</strong> Italic text <i>Italic text</i> Emphasized text <em>Emphasized text</em> Marked text <mark>Marked text</mark> Small text <small>Small text</small> Deleted text <del>Deleted text</del> Inserted text <ins>Inserted text</ins> Subscript text <p>It is <sub>subscripted</sub> text.</p> Superscript text <p>It is <sup>superscripted</sup> text.</p><br />
<br />
IMAGE MAPS Here Image is divided into number of regions called as hot spots. Each hotspot is a links to a different resource / site. Example <img src="workplace.jpg" alt="Workplace" usemap="#workmap"> <map name="workmap"> <area shape="rect" coords="34,44,270,350" alt="Computer" href="computer.htm"> <area shape="rect" coords="290,172,333,250" alt="Phone" href="phone.htm"> <area shape="circle" coords="337,300,44" alt="Coffee" href="coffee.htm"> </map> Nested HTML Elements It means one tag inside other.<br />
<br />
Wisdom Materials<br />
<br />
3<br />
<br />
HTML5 HTML TABLE Tag Description <table> Defines a table <th> Defines a header cell in a table <tr> Defines a row in a table <td> Defines a cell in a table <caption> Defines a table caption <colgroup> Specifies a group of one or more columns in a table for formatting <col> Specifies column properties for each column within a <colgroup> element <thead> Groups the header content in a table <tbody> Groups the body content in a table <tfoot> Groups the footer content in a table COLSPAN AND ROWSPAN ATTRIBUTES The cellspacing attribute defines space between table cells, while cellpadding represents the distance between cell borders and the content within a cell. COLSPAN AND ROWSPAN ATTRIBUTES You will use colspan attribute if you want to merge two or more columns into a single column. Similar way you will use rowspan if you want to merge two or more rows. <html> <head><title>HTML Tables
Wisdom Materials
4
HTML5 HTML Form Elements or WEB FORMS 2.0 Elements Type Description Text Password Checkbox Male
Radio Submit 1. File
Image Hidden <select> <select> Select Textarea Button FORM ATTRIBUTES
EXAMPLE
This is a Heading
This is a paragraph.
Explanation| Column1 | Column2 | |
|---|---|---|
| Row 2 Cell 1 | Row1, Column1 | Row1, Column2 |
| Row2, Column1 | Row2, Column2 | Row 3 Cell 1 |
4
HTML5 HTML Form Elements or WEB FORMS 2.0 Elements Type Description Text Password Checkbox Male
Radio Submit 1. File
Image Hidden <select> <select> Select Textarea Button FORM ATTRIBUTES