Scribd
Upload
35 views

Introduction To Web Technology HTML Day2

Uploaded by

2mail2you
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
35 views

Introduction To Web Technology HTML Day2

Uploaded by

2mail2you
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
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