Scribd
Upload
32 views

Introduction To Web Technology HTML Day2

Uploaded by

2mail2you
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
32 views

Introduction To Web Technology HTML Day2

Uploaded by

2mail2you
Copyright
© © All Rights Reserved
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
You are on page 1/ 30

* 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:[email protected]">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

You might also like