Lesson 2: Getting To Know HTML
•Transferir como PPT, PDF•
0 gostou•541 visualizações
This presentation introduces basic tags including
![<
< 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](https://image.slidesharecdn.com/lesson2gettingtoknowhtml-130107154822-phpapp02/85/Lesson-2-Getting-To-Know-HTML-1-320.jpg)
Recomendados
Mais conteúdo relacionado
Mais procurados
Mais procurados (20)
Destaque
Destaque (13)
Semelhante a Lesson 2: Getting To Know HTML
Semelhante a Lesson 2: Getting To Know HTML (20)
Mais de Olivia Moran
Mais de Olivia Moran (12)
Último
Último (20)
Lesson 2: Getting To Know HTML
- 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
- 2. HTML Consists of <tags>
- 3. What tags have we learned so far? <html> <body> <title> <h1> <p>
- 4. The tags that we have so far learned have opening and closing tags
- 5. Some tags do not have a closing tag. They stand alone. For example: <br> <hr>
- 6. BR Tag BR Tag What is it? • The <br> tag inserts a single line break. • The <br> tag is an empty tag which means that it has no end tag.
- 7. <html> <body> <p>This is<br> a para<br>graph with line breaks</p> </body> </html>
- 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>
- 10. Some tags have attributes i.e. additional options.
- 11. Attributes have to have values. Values should be enclosed in quotation marks.
- 12. Font Attributes •Face •Size •Colour
- 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>
- 14. Text Formatting Tags
- 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>
- 16. Text Formatting Tags
- 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>