Pro HTML5 and CSS3 Design Patterns

(avery) #1

CHAPTER 2 HTML DESIGN PATTERNS


HTML


<!DOCTYPE html>

<html lang="en">

<head><title>HTML Structure</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8"/>
<link rel="stylesheet" href="site.css" media="all" type="text/css"/>
<link rel="stylesheet" href="page.css" media="all" type="text/css"/>
<link rel="stylesheet" href="print.css" media="print" type="text/css"/>
<!--[if lte IE 6]>
<link rel="stylesheet" href="ie6.css" media="all" type="text/css"/>
<![endif]-->
</head>
<body>
<noscript>Show this when script cannot run.</noscript>
<div>
<h1>HTML Structure</h1>

<p>Paragraph</p>

<ol>
<li>Ordered List Item</li>
<li>Ordered List Item</li>
</ol>
<ul>
<li>Unordered List Item</li>
<li>Unordered List Item</li>
</ul>
<dl>
<dt>Definition Term</dt>
<dt>Definition Term</dt>
<dd>Definition Data</dd>
<dd>Definition Data</dd>
</dl>

<table>
<caption>Table Caption</caption>
<colgroup>
<col/>
<col/>
</colgroup>
<thead>
<tr>
<td>row1-col1</td>
<td>row1-col2</td>
</tr>
</thead>
<tfoot>
<tr>
<td>row3-col1</td>
<td>row3-col2</td>
</tr>
Free download pdf