HTML 5
1. Introduction To HTML 5
2. Your First Webpage
3. The Structure Of A Webpage
4. Creating A Full Webpage
5. Header Tags
6. Paragraph Tags
7. Formatting Text
8. Unordered Lists
9. Ordered Lists
10. Images
11. Forms
12. Tables
13. Links
14. HTML Entities
15. IFrames
16. Putting It All Together
17. Setting Up Your Free Hosting
18. Setting Up FTP On Windows
1. Introduction To HTML 5
2. Your First Webpage
3. The Structure Of A Webpage
4. Creating A Full Webpage
5. Header Tags
6. Paragraph Tags
7. Formatting Text
8. Unordered Lists
9. Ordered Lists
10. Images
11. Forms
12. Tables
13. Links
14. HTML Entities
15. IFrames
16. Putting It All Together
17. Setting Up Your Free Hosting
18. Setting Up FTP On Windows
--------------------
1.4
Hello Friend!
--------------------
1.5
<html>
<head>
<title>My Webpage</title>
</head>
<body>
My first webpage!
</body>
</html>
-------------------------------
1.6
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<h1>This is a big header</h1>
<h2>This is quite a big header</h2>
<h3>This is an h3 header</h3>
<h4>This is an h4 header</h4>
<h5>This is an h5 header</h5>
<h6>This is an h6 header</h6>
<h7>This is NOT an h7 header</h7>
</body>
</html>
------------
1.7
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<p>Here is some text</p>
<p>Here is some more text</p>
<p>Here is some text <br> with a line break</p>
</body>
</html>
-----------
1.8
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<p>Here is some <strong>bold</strong> text</p>
<p>Here is some <em>italic</em> text</p>
<p>Here is some <ins>underlined</ins> text </p>
<hr>
<p>Here is some <sup>superscript</sup> text</p>
<p>Here is some <sub>subscript</sub> text</p>
<p>Here is some <del>deleted</del> text</p>
</body>
</html>
----------
1.9
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<ul>
<li><strong>Rob</strong></li>
<li><em>Kirsten</em></li>
<li><del>Tommy</del></li>
<li><ins>Ralphie</ins></li>
</ul>
</body>
</html>
----------------
1.10
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<ol type="a">
<li><strong>Rob</strong></li>
<li><em>Kirsten</em></li>
<li><del>Tommy</del></li>
<li><ins>Ralphie</ins></li>
</ol>
</body>
</html>
--------
1.11
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<img src="https://upload.wikimedia.org/wikipedia/en/0/0b/Marge_Simpson.png" width="100" height="100" align="left">
<p>Marge Simpson</p>
</body>
</html>
------------------
1.12
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<form>
<p>Username: <input type="text" placeholder="your username"></p>
<p>Stay logged in: <input type="checkbox" checked></p>
<p>Under 18: <input type="radio" name="age" value="u18"></p>
<p>Over 18: <input type="radio" name="age" value="o18"></p>
<p>Favourite food:
<select>
<option>Pizza</option>
<option selected>Ice Cream</option>
<option>Sandwiches</option>
</select>
</p>
<p><input type="submit" value="Click me!"></p>
</form>
</body>
</html>
------------------
1.13
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<table>
<thead>
<tr>
<th>Name</th>
<th>Favourite<br>Colour</th>
</tr>
</thead>
<tr>
<td>Rob</td>
<td>Green</td>
</tr>
<tr>
<td>Kirsten</td>
<td>Orange</td>
</tr>
<tr>
<td>Tommy</td>
<td>Pink</td>
</tr>
<tr>
<td>Ralphie</td>
<td>Blue</td>
</tr>
</table>
</body>
</html>
--------------
1.14
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<p id="top"><a href="http://www.google.com">Click here to go to google.com</a></p>
<p><a href="http://www.wikipedia.org"><img src="homer.png"></a></p>
<p><a href="helloworld.html">Hello world!</a></p>
<p><a href="http://www.wikipedia.org"><img src="homer.png"></a></p>
<p id="thirdhomer"><a href="http://www.wikipedia.org"><img src="homer.png"></a></p>
<p><a href="http://www.wikipedia.org"><img src="homer.png"></a></p>
<p><a href="http://www.wikipedia.org"><img src="homer.png"></a></p>
<p><a href="#top">Back to top</a></p>
<p><a href="#thirdhomer">Go to third homer</a></p>
</body>
</html>
---------------------
1.15
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<a href="http://google.com">
</body>
</html>
-------------
1.16
<html>
<head>
<title>My Webpage</title>
</head>
<body>
<iframe src="http://www.ecowebhosting.co.uk"></iframe>
<iframe src="helloworld.html" frameborder="0"></iframe>
<iframe width="560" height="315" src="https://www.youtube.com/embed/IjS950fumU8?rel=0" frameborder="0" allowfullscreen></iframe>
</body>
</html>
--------------
1.16 a
<!doctype html>
<html>
<head>
<title>Hello World!</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/DrDm7uO4Fu0?rel=0" frameborder="0" allowfullscreen align="right"></iframe>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="earth.jpg" width="400">
<p>Earth is the third planet from the Sun and is the largest of the terrestrial planets. The Earth is the only planet in our solar system not to be named after a Greek or Roman deity. The Earth was formed approximately 4.54 billion years ago and is the only known planet to support life.</p>
<hr>
<h3>About the earth</h3>
<ul>
<li>Mass: 5,972,190,000,000,000 billion kg</li>
<li>Equatorial Diameter: 12,756 km</li>
<li>Notable Moons: <a href="http://space-facts.com/the-moon/">The Moon</a></li>
</ul>
<hr>
<h3>Top 3 facts about the earth</h3>
<ol>
<li>The Earth’s rotation is gradually slowing</li>
<li>The Earth was once believed to be the centre of the universe</li>
<li>Earth has a powerful magnetic field</li>
</ol>
<hr>
<table>
<thead>
<tr>
<th>Name</th>
<th>Radius</th>
<th>Average<br>Temperature</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mars</td>
<td>3,403km</td>
<td>-46°c</td>
</tr>
<tr>
<td>Venus</td>
<td>6,052km</td>
<td>462°c</td>
</tr>
</tbody>
</table>
<hr>
<form action="http://space-facts.com/earth/">
<p>Want to know more?</p>
<p></p><input type="submit" value="Click Here!"></p>
</form>
</body>
</html>
-------------------
1.17
<!doctype html>
<html>
<head>
<title>Hello World!</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/DrDm7uO4Fu0?rel=0" frameborder="0" allowfullscreen align="right"></iframe>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="earth.jpg" width="400">
<p>Earth is the third planet from the Sun and is the largest of the terrestrial planets. The Earth is the only planet in our solar system not to be named after a Greek or Roman deity. The Earth was formed approximately 4.54 billion years ago and is the only known planet to support life.</p>
<hr>
<h3>About the earth</h3>
<ul>
<li>Mass: 5,972,190,000,000,000 billion kg</li>
<li>Equatorial Diameter: 12,756 km</li>
<li>Notable Moons: <a href="http://space-facts.com/the-moon/">The Moon</a></li>
</ul>
<hr>
<h3>Top 3 facts about the earth</h3>
<ol>
<li>The Earth’s rotation is gradually slowing</li>
<li>The Earth was once believed to be the centre of the universe</li>
<li>Earth has a powerful magnetic field</li>
</ol>
<hr>
<table>
<thead>
<tr>
<th>Name</th>
<th>Radius</th>
<th>Average<br>Temperature</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mars</td>
<td>3,403km</td>
<td>-46°c</td>
</tr>
<tr>
<td>Venus</td>
<td>6,052km</td>
<td>462°c</td>
</tr>
</tbody>
</table>
<hr>
<form action="http://space-facts.com/earth/">
<p>Want to know more?</p>
<p></p><input type="submit" value="Click Here!"></p>
</form>
</body>
</html>
-------------------
my-webpage
<!doctype html>
<html>
<head>
<title>Hello World!</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/DrDm7uO4Fu0?rel=0" frameborder="0" allowfullscreen align="right"></iframe>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="earth.jpg" width="400">
<p>Earth is the third planet from the Sun and is the largest of the terrestrial planets. The Earth is the only planet in our solar system not to be named after a Greek or Roman deity. The Earth was formed approximately 4.54 billion years ago and is the only known planet to support life.</p>
<hr>
<h3>About the earth</h3>
<ul>
<li>Mass: 5,972,190,000,000,000 billion kg</li>
<li>Equatorial Diameter: 12,756 km</li>
<li>Notable Moons: <a href="http://space-facts.com/the-moon/">The Moon</a></li>
</ul>
<hr>
<h3>Top 3 facts about the earth</h3>
<ol>
<li>The Earth’s rotation is gradually slowing</li>
<li>The Earth was once believed to be the centre of the universe</li>
<li>Earth has a powerful magnetic field</li>
</ol>
<hr>
<table>
<thead>
<tr>
<th>Name</th>
<th>Radius</th>
<th>Average<br>Temperature</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mars</td>
<td>3,403km</td>
<td>-46°c</td>
</tr>
<tr>
<td>Venus</td>
<td>6,052km</td>
<td>462°c</td>
</tr>
</tbody>
</table>
<hr>
<form action="http://space-facts.com/earth/">
<p>Want to know more?</p>
<p></p><input type="submit" value="Click Here!"></p>
</form>
</body>
</html>
my-webpage
<!doctype html>
<html>
<head>
<title>Hello World!</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
</head>
<body>
<iframe width="560" height="315" src="https://www.youtube.com/embed/DrDm7uO4Fu0?rel=0" frameborder="0" allowfullscreen align="right"></iframe>
<h1>Hello World!</h1>
<h2>A few facts about the world we live in</h2>
<img src="earth.jpg" width="400">
<p>Earth is the third planet from the Sun and is the largest of the terrestrial planets. The Earth is the only planet in our solar system not to be named after a Greek or Roman deity. The Earth was formed approximately 4.54 billion years ago and is the only known planet to support life.</p>
<hr>
<h3>About the earth</h3>
<ul>
<li>Mass: 5,972,190,000,000,000 billion kg</li>
<li>Equatorial Diameter: 12,756 km</li>
<li>Notable Moons: <a href="http://space-facts.com/the-moon/">The Moon</a></li>
</ul>
<hr>
<h3>Top 3 facts about the earth</h3>
<ol>
<li>The Earth’s rotation is gradually slowing</li>
<li>The Earth was once believed to be the centre of the universe</li>
<li>Earth has a powerful magnetic field</li>
</ol>
<hr>
<table>
<thead>
<tr>
<th>Name</th>
<th>Radius</th>
<th>Average<br>Temperature</th>
</tr>
</thead>
<tbody>
<tr>
<td>Mars</td>
<td>3,403km</td>
<td>-46°c</td>
</tr>
<tr>
<td>Venus</td>
<td>6,052km</td>
<td>462°c</td>
</tr>
</tbody>
</table>
<hr>
<form action="http://space-facts.com/earth/">
<p>Want to know more?</p>
<p></p><input type="submit" value="Click Here!"></p>
</form>
</body>
</html>
------------------------------
No comments:
Post a Comment