Here is an example of a basic HTML markup .
<html>
<body>
<h1>Heading</h1>
<h1>Paragraph</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a orci in risus malesuada vestibulum eu a quam. In hendrerit sapien a metus dapibus semper. Sed at scelerisque erat. Mauris a massa sit amet sem posuere semper nec sit amet lectus. Phasellus at lectus in nulla faucibus pulvinar. Etiam est ipsum, feugiat tincidunt iaculis et, consequat ut lorem. </p>
<h1>Link</h1>
<a href="http://www.andyrutter.com/"> Visit my site! </a>
<h1>Image</h1>
<p><img title=”Sample image” src=”http://andyrutter.com/images/sample.gif” alt=”" width=”274″ height=”211″ align=”center”/></p>
<h1>Table</h1>
<table border=”0″ cellspacing=”0″ cellpadding=”0″ width=”100%”>
<tbody>
<tr>
<td><strong>HTML Tables</strong>
<table border=”1″ cellspacing=”0″ cellpadding=”0″ width=”60%”>
<tbody>
<tr>
<td>Apples</td>
<td>44%</td>
</tr>
<tr>
<td>Bananas</td>
<td>23%</td>
</tr>
<tr>
<td>Oranges</td>
<td>13%</td>
</tr>
<tr>
<td>Other</td>
<td>10%</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<h1>List</h1>
<ul>
<li>Coffee</li>
<li>Milk</li>
<li>Bread</li>
<li>Coffee</li>
<li>Milk</li>
<li>butter</li>
</ul>
<ol>
<li>Pearl Jam</li>
<li>Led Zeppelin</li>
<li>Ugress</li>
<li>Sublime</li>
<li>Dispatch</li>
</ol>
<h1>Formatting</h1>
<strong>This text is bold</strong>
<big>This text is big</big>
<em>This text is italic</em>
<code>This is computer output</code>
This is<sub> subscript</sub> and <sup>superscript</sup>
<h1>Styles</h1>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
<h1>Form</h1>
<form>
First name: <input /><br />
Last name: <input />
</form>
<h1>Iframe</h1>
<iframe src="http://andyrutter.com/" width=550 height=500 frameborder="0" scrolling="auto" ></iframe>
</body>
</html>
Will look like this:
Heading
Paragraph
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus a orci in risus malesuada vestibulum eu a quam. In hendrerit sapien a metus dapibus semper. Sed at scelerisque erat. Mauris a massa sit amet sem posuere semper nec sit amet lectus. Phasellus at lectus in nulla faucibus pulvinar. Etiam est ipsum, feugiat tincidunt iaculis et, consequat ut lorem.
Link
Image
Table
HTML Tables
|
List
- Coffee
- Milk
- Bread
- Coffee
- Milk
- butter
- Pearl Jam
- Led Zeppelin
- Ugress
- Sublime
- Dispatch
Formatting
This text is bold
This text is big
This text is italic
This is computer output
This is subscript and superscript
Styles
A heading
A paragraph.