Html in 5 Minutes
- Published on
- • 1 mins read•--- views
- Authors
- Name
- Roy Chen
- @musicoding
html
index.html<!DOCTYPE html>
<html>
<head>
<title>A Basic HTML Page</title>
</head>
<body>
<!-- HTML headings-->
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
<!-- HTML paragraghs-->
<p>This is a paragraghs</p>
<p>This is another paragraghs.</p>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Est dicta impedit
inventore non provident debitis ipsam molestias. Labore, officiis ab
recusandae, aspernatur mollitia maxime nisi rem quod, nobis nam quibusdam.
</p>
<!-- HTML links-->
<a href="http://www.google.com">Google</a>
<!-- HTML new line-->
<br>
First Line
<br>
Second Line
<br>
<!-- HTML images-->
<img src="basic.jpg" alt="" width="30%" height="30%">
<img src="basic.jpg" alt="" width="100" height="100">
<!-- HTML lists-->
<!-- 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>
<!-- HTML tables-->
<table border="1">
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Row 1 Col 1</td>
<td>Row 1 Col 2</td>
<td>Row 1 Col 3</td>
</tr>
<tr>
<td>Row 2 Col 1</td>
<td>Row 2 Col 2</td>
<td>Row 3 Col 3</td>
</tr>
</table>
</body>
</html>