SlideShare a Scribd company logo
1 of 13
Class 3
Overview of Homework
Special Characters and etc. ResuméResum&eacute; Copyright ©		Copyright&copy; <Brackets>		&lt;Brackets&gt; Ampersand&Ampersand&amp; <p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p>
Stand alone Tags <hr/> Creates a line <br/> Single Spaces text
Comments <!--Comment Markup -->
Font
Font-Family Font-family should have several font names as “fallback”. If the browser does not support the first font, it tries the next font. Start with the font you want and end with a generic family to let the browser pick a similar font in the generic family, if no other fonts are available. <p style=“font-family: verdana, helvetica, sans-serif”> Display the paragraph text in Verdana.If Verdana is not available, use Helvetica…if all fails, use the default sans-serif font.
Formatting Headings Gives structure to the website Search engines guess the site structure using headings Let’s format heading text
Links Absolute Link Stand alone link Full web address <a href=“http://www.wordpress.com”></a> Relative Link Relative to the document location <a href=“band.html”> <a href=“band/gorillaz.html”>
Relative Links index.html recipe.html band.html Here’s my Favorite <a href=“band.html”>Band.</a>   Here’s my Favorite <a href=“recipe.html”>Recipe.</a>
Relative Links gorillaz.html index.html bands recipe.html bowie.html bands/gorillaz.html Here’s my Favorite Band <a href=“                                            ”>Gorillaz.</a>
Inserting an Image <imgsrc=“image location” alt=“image description”/> index.html 1 <imgsrc=“images/stuart.jpg” alt=“stuart”/> <imgsrc=“images/murdoc.jpg” alt=“murdoc”/> 2 1 images 2 stuart.jpg murdoc.jpg
In Class Assignment In-Class Assignment: Create an index.html file  Include an image. Create a link to your assignment 2 html document (band.html or recipe.html) Insert a Copyright Special Character indicating the author and the year. <p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p>

More Related Content

Similar to Class 3 (18)

Xhtml Css Presentation
Xhtml Css PresentationXhtml Css Presentation
Xhtml Css Presentation
 
Learning HTML
Learning HTMLLearning HTML
Learning HTML
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
Html
HtmlHtml
Html
 
6.1 special characters
6.1 special characters6.1 special characters
6.1 special characters
 
Introduction to HAML
Introduction to HAMLIntroduction to HAML
Introduction to HAML
 
Xml
XmlXml
Xml
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
Htmltag.ppt
Htmltag.pptHtmltag.ppt
Htmltag.ppt
 
PDF Localization
PDF  LocalizationPDF  Localization
PDF Localization
 
Html text formatting
Html text formattingHtml text formatting
Html text formatting
 
AK css
AK cssAK css
AK css
 
How do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML TricksHow do speed up web pages? CSS & HTML Tricks
How do speed up web pages? CSS & HTML Tricks
 
Html
HtmlHtml
Html
 
Tags in html
Tags in htmlTags in html
Tags in html
 
HTML & CSS
HTML & CSSHTML & CSS
HTML & CSS
 
Cheat codes
Cheat codesCheat codes
Cheat codes
 

More from Jiyeon Lee (16)

Cultural conflict resolution
Cultural conflict resolutionCultural conflict resolution
Cultural conflict resolution
 
Class22
Class22Class22
Class22
 
Class 21
Class 21Class 21
Class 21
 
Class 21
Class 21Class 21
Class 21
 
Class 20
Class 20Class 20
Class 20
 
Class19
Class19Class19
Class19
 
Class 17
Class 17Class 17
Class 17
 
Class14
Class14Class14
Class14
 
Class15
Class15Class15
Class15
 
Class 12
Class 12Class 12
Class 12
 
Class11
Class11Class11
Class11
 
Class 10
Class 10Class 10
Class 10
 
Class8
Class8Class8
Class8
 
Class7
Class7Class7
Class7
 
Class5
Class5Class5
Class5
 
Class4
Class4Class4
Class4
 

Recently uploaded

Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...fonyou31
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfciinovamais
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...Sapna Thakur
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfAdmir Softic
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfAyushMahapatra5
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpinRaunakKeshri1
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Krashi Coaching
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdfQucHHunhnh
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...christianmathematics
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Sapana Sha
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfJayanti Pande
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxVishalSingh1417
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 

Recently uploaded (20)

Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
Ecosystem Interactions Class Discussion Presentation in Blue Green Lined Styl...
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Activity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdfActivity 01 - Artificial Culture (1).pdf
Activity 01 - Artificial Culture (1).pdf
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
BAG TECHNIQUE Bag technique-a tool making use of public health bag through wh...
 
Key note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdfKey note speaker Neum_Admir Softic_ENG.pdf
Key note speaker Neum_Admir Softic_ENG.pdf
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Class 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdfClass 11th Physics NEET formula sheet pdf
Class 11th Physics NEET formula sheet pdf
 
Student login on Anyboli platform.helpin
Student login on Anyboli platform.helpinStudent login on Anyboli platform.helpin
Student login on Anyboli platform.helpin
 
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptxINDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
INDIA QUIZ 2024 RLAC DELHI UNIVERSITY.pptx
 
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
Kisan Call Centre - To harness potential of ICT in Agriculture by answer farm...
 
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
Mattingly "AI & Prompt Design: Structured Data, Assistants, & RAG"
 
1029-Danh muc Sach Giao Khoa khoi 6.pdf
1029-Danh muc Sach Giao Khoa khoi  6.pdf1029-Danh muc Sach Giao Khoa khoi  6.pdf
1029-Danh muc Sach Giao Khoa khoi 6.pdf
 
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
Explore beautiful and ugly buildings. Mathematics helps us create beautiful d...
 
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111Call Girls in Dwarka Mor Delhi Contact Us 9654467111
Call Girls in Dwarka Mor Delhi Contact Us 9654467111
 
Web & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdfWeb & Social Media Analytics Previous Year Question Paper.pdf
Web & Social Media Analytics Previous Year Question Paper.pdf
 
Unit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptxUnit-IV- Pharma. Marketing Channels.pptx
Unit-IV- Pharma. Marketing Channels.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 

Class 3

  • 3. Special Characters and etc. ResuméResum&eacute; Copyright © Copyright&copy; <Brackets> &lt;Brackets&gt; Ampersand&Ampersand&amp; <p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p>
  • 4. Stand alone Tags <hr/> Creates a line <br/> Single Spaces text
  • 7. Font-Family Font-family should have several font names as “fallback”. If the browser does not support the first font, it tries the next font. Start with the font you want and end with a generic family to let the browser pick a similar font in the generic family, if no other fonts are available. <p style=“font-family: verdana, helvetica, sans-serif”> Display the paragraph text in Verdana.If Verdana is not available, use Helvetica…if all fails, use the default sans-serif font.
  • 8. Formatting Headings Gives structure to the website Search engines guess the site structure using headings Let’s format heading text
  • 9. Links Absolute Link Stand alone link Full web address <a href=“http://www.wordpress.com”></a> Relative Link Relative to the document location <a href=“band.html”> <a href=“band/gorillaz.html”>
  • 10. Relative Links index.html recipe.html band.html Here’s my Favorite <a href=“band.html”>Band.</a> Here’s my Favorite <a href=“recipe.html”>Recipe.</a>
  • 11. Relative Links gorillaz.html index.html bands recipe.html bowie.html bands/gorillaz.html Here’s my Favorite Band <a href=“ ”>Gorillaz.</a>
  • 12. Inserting an Image <imgsrc=“image location” alt=“image description”/> index.html 1 <imgsrc=“images/stuart.jpg” alt=“stuart”/> <imgsrc=“images/murdoc.jpg” alt=“murdoc”/> 2 1 images 2 stuart.jpg murdoc.jpg
  • 13. In Class Assignment In-Class Assignment: Create an index.html file Include an image. Create a link to your assignment 2 html document (band.html or recipe.html) Insert a Copyright Special Character indicating the author and the year. <p><small>Copyright &copy; 2010 Your name. All Rights Reserved.</small></p>