↓ Skip to main content
Peter Entwistle

HTML5 - Introduction Tutorial For Beginners Part 2

·210 words·1 min· loading · loading ·
Author
Peter Entwistle
Senior iOS Developer, with a passion for technology and gardening. Trying to push the boundaries of what can be grown in the UK.

In this second part of the tutorial series I go over a few more of the basic html elements. This Introduction tutorial series is to help anyone who would like to learn how to make their own website from scratch.

Video
#

Code
#

index.html
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Youtube Tutorial - Peter</title>
</head>

<body>
<div id="pageWrapper">
    <div id="header">
        <header></header>
    </div>
    <div id="main">
        <div id="profileInfo">
            <div id="profilePic">
                <img src="http://peterentwistle.co.uk/images/thumb_peter.jpg" width="154" height="154" />
            </div>
            <h1>Peter</h1>
            <p>Hello my name is Peter and I make websites!</p>
            <h2>Where to find me:</h2>
            <ul>
                <li><a href="http://youtube.com/peterentwistletv" target="_blank">Youtube</a></li>
                <li><a href="http://twitter.com/peterentwistle" target="_blank">Twitter</a></li>
                <li><a href="http://facebook.com/peterentwistletv" target="_blank">Facebook</a></li>
            </ul>
        </div>
    </div>
</div>
</body>
</html>
table.html
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Table</title>
</head>

<body>
  <table border="1px">
    	<tr>
      	<th>Year</th>
        <th>Salary (£)</th>
      </tr>
      <tr>
        <td>2010</td>
        <td>20,000</td>
      </tr>
      <tr>
        <td>2011</td>
        <td>22,000</td>
      </tr>
      <tr>
        <td>2012</td>
        <td>24,000</td>
      </tr>
      <tr>
        <td colspan="2">Total: 66,000</td>
      </tr>
    </table>
</body>
</html>

View on GitHub

Download the code