Scribd
Upload
16 views

HTML

This document provides an overview of common HTML elements for structuring and styling web pages, including headings, text formatting, links, lists, tables, forms, and frames. It describes basic elements for defining the document structure like <html>, <head>, <body>, as well as elements for headings, paragraphs, line breaks, horizontal rules, and preformatted text. The document also outlines elements for logical and physical text styling, links, images, anchors, lists, tables, forms, and frames.

Uploaded by

puneet04
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
16 views

HTML

This document provides an overview of common HTML elements for structuring and styling web pages, including headings, text formatting, links, lists, tables, forms, and frames. It describes basic elements for defining the document structure like <html>, <head>, <body>, as well as elements for headings, paragraphs, line breaks, horizontal rules, and preformatted text. The document also outlines elements for logical and physical text styling, links, images, anchors, lists, tables, forms, and frames.

Uploaded by

puneet04
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 3

HTML Basic Document

<html>
<head>
<title>Document name goes here</title>
</head>

<body>
Visible text goes here
</body>

</html>

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>

Logical Styles

<em>This text is emphasized</em>


<strong>This text is strong</strong>
<code>This is some computer code</code>

Physical Styles

<b>This text is bold</b>


<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:[email protected]">Send e-mail</a>

A named anchor:
<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>

Ordered list

<ol>
<li>First item</li>
<li>Next item</li>
</ol>

Definition list

<dl>
<dt>First term</dt>
<dd>Definition</dd>
<dt>Next term</dt>
<dd>Definition</dd>
</dl>

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>

You might also like