HTML Layout - Useful Tips CREATED BY =JAY-AR SIMON SEBASTIAN

Start from the beginning
                                        

Mix

HTML Basic Document

<html>

<head>

<title>Title of document 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

Ordinary link: <a>Link-text goes here</a>

Image-link: <a><img /></a>

Mailto link: <a>Send e-mail</a>

A named anchor:

<a>Tips Section</a>

<a>Jump to the Tips Section</a>

Unordered list

<ul>

  <li>Item</li>

  <li>Item</li>

</ul>

Ordered list

<ol>

  <li>First item</li>

  <li>Second item</li>

</ol>

Definition list

<dl>

  <dt>First term</dt>

    <dd>Definition</dd>

  <dt>Next term</dt>

    <dd>Definition</dd>

</dl>

Tables

<table>

  <tr>

    <th>Tableheader</th>

    <th>Tableheader</th>

  </tr>

  <tr>

You've reached the end of published parts.

⏰ Last updated: Dec 13, 2014 ⏰

Add this story to your Library to get notified about new parts!

HTML Layout - Useful Tips  CREATED BY =JAY-AR SIMON SEBASTIANWhere stories live. Discover now