Scribd
Upload
55 views

HTML Basic Document

This document provides an overview of common HTML elements for structuring and marking up documents. It describes elements for headings, text formatting, lists, tables, forms, frames, and other items like comments, quotes and addresses. The document acts as a reference for the basic building blocks of HTML documents.

Uploaded by

raisin568
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as DOC, PDF, TXT or read online on Scribd
55 views

HTML Basic Document

This document provides an overview of common HTML elements for structuring and marking up documents. It describes elements for headings, text formatting, lists, tables, forms, frames, and other items like comments, quotes and addresses. The document acts as a reference for the basic building blocks of HTML documents.

Uploaded by

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

HTML Basic Document Unordered list

<html> <ul>
<head>   <li>Item</li>
<title>Title of document goes here</title>   <li>Item</li>
</head> </ul>

<body> Ordered list


Visible text goes here...
</body> <ol>
  <li>First item</li>
</html>   <li>Second item</li>
</ol>
Heading Elements
Definition list
<h1>Largest Heading</h1>
<dl>
<h2> . . . </h2>   <dt>First term</dt>
<h3> . . . </h3>     <dd>Definition</dd>
<h4> . . . </h4>   <dt>Next term</dt>
<h5> . . . </h5>     <dd>Definition</dd>
</dl>
<h6>Smallest Heading</h6>
Tables
Text Elements
<table border="1">
  <tr>
<p>This is a paragraph</p>
    <th>Tableheader</th>
<br /> (line break)
    <th>Tableheader</th>
<hr /> (horizontal rule)
  </tr>
<pre>This text is preformatted</pre>
  <tr>
    <td>sometext</td>
Logical Styles     <td>sometext</td>
  </tr>
<em>This text is emphasized</em> </table>
<strong>This text is strong</strong>
<code>This is some computer code</code> Frames

Physical Styles <frameset cols="25%,75%">


  <frame src="page1.htm" />
<b>This text is bold</b>   <frame src="page2.htm" />
<i>This text is italic</i> </frameset>

Links Forms

Ordinary link: <a href="http://www.example.com/">Link- <form action="http://www.example.com/test.asp"


text goes here</a> method="post/get">
Image-link: <a href="http://www.example.com/"><img
src="URL" alt="Alternate Text" /></a> <input type="text" name="email" size="40"
Mailto link: <a maxlength="50" />
href="mailto:[email protected]">Send e-mail</a> <input type="password" />
<input type="checkbox" checked="checked" />
A named anchor: <input type="radio" checked="checked" />
<a name="tips">Tips Section</a> <input type="submit" value="Send" />
<a href="#tips">Jump to the Tips Section</a> <input type="reset" />
<input type="hidden" />

<select>
<option>Apples</option>
<option selected="selected">Bananas</option>
<option>Cherries</option>
</select>

<textarea name="comment" rows="60"


cols="20"></textarea>

</form>

Entities

&lt; is the same as <


&gt; is the same as >
&#169; is the same as ©

Other Elements

<!-- This is a comment -->

<blockquote>
Text quoted from a source.
</blockquote>

<address>
Written by W3Schools.com<br />
<a href="mailto:[email protected]">Email us</a><br />
Address: Box 564, Disneyland<br />
Phone: +12 34 56 78
</address>

You might also like