* Numbered lists (Ordered lists)
* Bullet lists (Unordered lists)
* Definition lists
* Nested lists
*Lists
* <ol>
* <li>
*Ordered Lists
* <ol type="1"> - Default-Case Numerals.
* <ol type="I"> - Upper-Case Numerals.
* <ol type="i"> - Lower-Case Numerals.
* <ol type="a"> - Lower-Case Letters.
* <ol type="A"> - Upper-Case Letters.
*The type Attribute
* <ol type="1" start="4"> - Numerals starts with 4.
* <ol type="I" start="4"> - Numerals starts with IV.
* <ol type="i" start="4"> - Numerals starts with iv.
* <ol type="a" start="4"> - Letters starts with d.
* <ol type="A" start="4"> - Letters starts with D.
*The start Attribute
* <ul>
* <li>
*Unordered lists
* <dl> Defines the start of the list
* <dt> A term
* <dd> Term definition
*Definition Lists
* <ul>
* <li>
*Nested lists
* A webpage can contain various links that take
you directly to other pages and even specific
parts of a given page. These links are known as
hyperlinks.
*TEXT LINKS
* Links are created using the <a> element. Users
can click on anything between the opening <a>
tag and the closing </a> tag. You specify which
page you want to link to using the href
attribute.
*Links
* _blank Opens the linked document in a new
window or tab.
* _self Opens the linked document in the same
frame.
* _parent Opens the linked document in the
parent frame.
* _top Opens the linked document in the full
body of the window.
*target Attribute
* Linking to Other Sites
<a href="http://www.empire.com">Empire</a>
* Linking to Other Pages on the Same Site
<a href="index.html">Home</a>
* Email Links
<a href="mailto:jon@example.org">Email Jon</a>
* Opening Links in a New Window
<a href="http://www.imdb.com" target="_blank">
Internet Movie Database</a>
* Linking to a Specific Part of the Same Page
<h1 id="top">Film-Making Terms</h1>
<a href="#top">Top</a>
* You can create a link to a particular section of
a given webpage by using Id attribute.
*Linking to a Page Section
* HTML <a> tag provides you option to specify an
email address to send an email. While using
<a> tag as an email tag, you will use mailto:
email address along with href attribute.
*Email Tag
*Directory Structure
* Links from one website to another
* Links from one page to another on the same
website
* Links from one part of a web page to another
part of the same page
* Links that open in a new browser window
* Links that start up your email program and
address a new email to someone
*Links
* The <iframe> tag defines a rectangular region
within the document in which the browser can
display a separate document, including
scrollbars and borders.
*HTML – IFRAMES
* src the file name that should be loaded in the
frame
* frameborder 1 (yes) or 0 (no).
* marginwidth space between the left and right of the
frame's borders and the frame's content.
* marginheight space between the top and bottom of
the frame's borders and its contents.
* noresize prevents a user from being able to resize the
frame. For example noresize="noresize".
* scrolling appearance of the scrollbars that appear on
the frame. This takes values either "yes", "no" or
"auto".
*The <Iframe> Attributes
* How to add images to pages
* Choosing the right format
* Optimizing images for the web
*Images
* <img>
* Src
* Alt
* Title
* Height & Width (pixels or percentage of its actual size. )
* Border
* align (right - center -left )
*Images
*Three Rules for
Creating Images
GIF - PNG
* We just need to use an image inside hyperlink
at the place of text
*IMAGE LINKS
* How to create tables
* What information suits tables
* How to represent complex data in tables
*Tables
* <table>
* <th>
* <tr>
* <td>
* <thead>
* <tbody>
* <tfoot>
*Tables
* The HTML <caption> tag is used for creating a
caption for a table. There could be only one
caption per table.
*HTML <caption> Tag
* 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.
*Colspan and Rowspan
* You can use one table inside another table. Not
only tables you can use almost all the tags
inside table data tag <td>.
*Nested Tables
* Width
* Cellspacing
* Cellpadding
* Border
* Bgcolor
*Tables Old Code