1. <
< HTML
Lesson 2: Getting To Know HTML
By Olivia Moran
[Codo Dojo – HTML Group Sligo, Ireland]
liviamoran.me
www.oliviamoran.me
http://www.slideshare.net/oliviamoran
8. HR Tag
HR Tag
What is it?
• The <hr> tag cretes a break in an HTML page (e.g. a
new topic).
• The <hr> element is used to separate content (or
define a change) in an HTML page.
9. <html>
<body>
<h1>HTML</h1>
<p>HTML is a language for describing
web pages.</p>
<hr>
<h1>CSS</h1>
<p>CSS defines how to display HTML
elements.</p>
</body>
</html>
13. html>
<body>
<p><font size="3" color="red">This is
some text!</font></p>
<p><font size="2" color="blue">This is
some text!</font></p>
<p><font face="verdana"
color="green">This is some text!
</font></p>
</body>
</html>
15. <html>
<body>
<p><b>This text is bold</b></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and
<sup>superscript</sup></p>
</body>
</html>
17. Bold, Italic Etc
<html>
<body>
<p><b>This text is bold</b></p>
<p><big>This text is big</big></p>
<p><i>This text is italic</i></p>
<p>This is<sub> subscript</sub> and
<sup>superscript</sup></p>
</body>
</html>
18. U, Strike, Sub Etc
<html><body>
<p><u>Underline Me!</u></p>
<p><strike>Strike Your Out!</strike></p>
<p><center>This centers text on the
page</center></p>
<p>This is<sub> subscript</sub> and
<sup>superscript</sup></p>
<p><b> <i> I am bold AND Italic, which
makes me cool!</i> </b></p>
</body></html>
19. Font Sizes
<html>
<body>
<p><font size="+1">Here is a size 4
font</font></p>
<p><font size="-1">Here is a size 2
font</font></p>
<p><font size="+2">Here is a size 5
font</font></p>
</body>
</html>
20. <html><body> Font Color
<p> <font color="pink">This text is
pink</font><br/>
<font color="#FF6666">This text is also
pink</font></p>
<p><font color="green">This text is
green</font><br/>
<font color="#339900">This text is also
green</font></p>
</body></html>
21. Font Face
<html><body>
<p><font face="Verdana">This
paragraph uses verdana
text.</font></p>
<p><font face="Arial"> This paragraph
uses arial text.</font></p>
<p><font face="Bookman Old Style,
Book Antiqua, Garamond">This
paragraph gives alternatives.</font><p>
</body></html>
22. Putting It All
<html><body> Together
<font size="+4"><b>Hey
There</b></font><br/>
<font face="verdana” size="4”
color="pink”><i>The font is really cool.
It lets me</i> </font>
<p><font size="7" face="Georgia, Arial"
color="maroon">C</font>customize my
font to achieve a desired look.</p>
</body></html>