HTML Basic Document
<html><head>
<title>Document name goes here</title>
</head>
<body>
Visible text goes here
</body>
</html>Visible text goes here
</body>
Heading Elements
<h1>Largest Heading</h1>
<h2> . . . </h2><h3> . . . </h3>
<h4> . . . </h4>
<h5> . . . </h5>
<h6>Smallest Heading</h6>
Text Elements
<p>This is a paragraph</p>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>
<br> (line break)
<hr> (horizontal rule)
<pre>This text is preformatted</pre>
Logical Styles
<em>This text is emphasized</em>
<strong>This text is strong</strong>
<strong>This text is strong</strong>
Physical Styles
<b>This text is bold</b>
<i>This text is italic</i>
<i>This text is italic</i>
Links, Anchors, and Image Elements
<a href="http://www.example.com/">This is a
Link</a>
<a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
<a href="mailto:webmaster@example.com">Send e-mail</a>
A named anchor:<a href="http://www.example.com/"><img src="URL" alt="Alternate Text"></a>
<a href="mailto:webmaster@example.com">Send e-mail</a>
<a name="tips">Useful Tips Section</a>
<a href="#tips">Jump to the Useful Tips Section</a>
Unordered list
<ul>
<li>First item</li>
<li>Next item</li>
</ul>
<li>First item</li>
<li>Next item</li>
</ul>
Ordered list
<ol>
<li>First item</li>
<li>Next item</li>
</ol>
<li>First item</li>
<li>Next item</li>
</ol>
Tables
<table border="1"><tr>
<th>someheader</th>
<th>someheader</th>
</tr>
<tr>
<td>sometext</td>
<td>sometext</td>
</tr>
</table>
Frames
<frameset cols="25%,75%"><frame src="page1.htm">
<frame src="page2.htm">
</frameset>
Forms
<form action="http://www.example.com/test.asp"
method="post/get">
<input type="text"
name="lastname" value="Nixon" size="30"
maxlength="50"><input type="password">
<input type="checkbox" checked="checked">
<input type="radio" checked="checked">
<input type="submit">
<input type="reset">
<input type="hidden">
<select>
<option>Apples
<option selected>Bananas
<option>Cherries
</select>
<textarea name="Comment" rows="60" cols="20"></textarea>
</form>
Entities
< is the same as <
> is the same as >
© is the same as ©
> is the same as >
© is the same as ©
is same as space
Other Elements
<!-- This is a comment -->HTML Styles
With HTML all formatting can be
moved out of the HTML document and into a separate style sheet.
How to Use Styles
When a browser reads a style sheet, it will format the document according to it. There are three ways of inserting a style sheet:External Style Sheet
An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section.<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
|
Internal Style Sheet
An internal style sheet should be used when a single document has a unique style. You define internal styles in the head section with the <style> tag.<head>
<style type="text/css">
h1 {color: red}
h3 {color: blue}
</style>
</head>
<body>
<h1>This is header 1</h1>
<h3>This is header 3</h3>
</body>
|
Inline Styles
An inline style should be used when a unique style is to be applied to a single occurrence of an element.To use inline styles you use the style attribute in the relevant tag. The style attribute can contain any CSS property. The example shows how to change the color and the left margin of a paragraph:
<p style="color: red; margin-left: 20px">
This is a paragraph
</p>
|
|
My Country India
|
||||||||||||||||||||||||||||||||||||
|
Outer table 1 – 2 rows, 1 column
1nd &
3th row - Inner State Table - 4 rows X 3
Column
2nd & 4th row :- In evry cell,
there is one City table with size 2X 2
|
India
|
||||||||||||||||||||||||||||||||||||
|
No comments:
Post a Comment