99 lines
2.0 KiB
HTML
99 lines
2.0 KiB
HTML
<!DOCTYPE html>
|
|
<html>
|
|
<head>
|
|
<title>Page Title</title>
|
|
</head>
|
|
<body>
|
|
<!-- Heading exampl -->
|
|
|
|
<h1>Heading 1</h1>
|
|
<h2>Heading 2</h2>
|
|
<h3>Heading 3</h3>
|
|
<h4>Heading 4</h4>
|
|
<h5>Heading 5</h5>
|
|
<h6>Heading 6</h6>
|
|
|
|
<!-- attribute example -->
|
|
|
|
<a href="https://www.w3schools.com">Visit W3Schools</a>
|
|
|
|
<!-- paragrah example-->
|
|
|
|
<p>
|
|
This paragraph contains a lot of lines in the source code, but the browser
|
|
ignores it.
|
|
</p>
|
|
|
|
<!-- horizontal line tag (hr) tag -->
|
|
<h1>This is heading 1</h1>
|
|
<p>This is some text.</p>
|
|
<hr />
|
|
<h2>This is heading 2</h2>
|
|
<p>This is some other text.</p>
|
|
<hr />
|
|
|
|
<!-- line breaker (br) tag-->
|
|
<p>This is<br />a paragraph<br />with line breaks.</p>
|
|
|
|
<!-- styling example (Text Color)-->
|
|
|
|
<h1 style="color: blue">This is a heading</h1>
|
|
<p style="color: red">This is a paragraph.</p>
|
|
|
|
<h1 style="font-family: verdana">This is a heading</h1>
|
|
<p style="font-family: courier">This is a paragraph.</p>
|
|
|
|
<h1 style="font-size: 300%">This is a heading</h1>
|
|
<p style="font-size: 160%">This is a paragraph.</p>
|
|
|
|
|
|
<!-- HTML Table example -->
|
|
<table>
|
|
<tr>
|
|
<th>Company</th>
|
|
<th>Contact</th>
|
|
<th>Country</th>
|
|
</tr>
|
|
<tr>
|
|
<td>Alfreds Futterkiste</td>
|
|
<td>Maria Anders</td>
|
|
<td>Germany</td>
|
|
</tr>
|
|
<tr>
|
|
<td>Centro comercial Moctezuma</td>
|
|
<td>Francisco Chang</td>
|
|
<td>Mexico</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<!--
|
|
unordered list
|
|
-->
|
|
|
|
<ul>
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ul>
|
|
|
|
<!--
|
|
ordered list
|
|
-->
|
|
<ol>
|
|
<li>Coffee</li>
|
|
<li>Tea</li>
|
|
<li>Milk</li>
|
|
</ol>
|
|
|
|
<!--
|
|
description list
|
|
-->
|
|
<dl>
|
|
<dt>Coffee</dt>
|
|
<dd>- black hot drink</dd>
|
|
<dt>Milk</dt>
|
|
<dd>- white cold drink</dd>
|
|
</dl>
|
|
</body>
|
|
</html>
|