SlideShare une entreprise Scribd logo
1  sur  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>

Contenu connexe

Similaire à 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
 

Plus de 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
 

Dernier

Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Mark Reed
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.arsicmarija21
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Celine George
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfSpandanaRallapalli
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersSabitha Banu
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxOH TEIK BIN
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPCeline George
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxDr.Ibrahim Hassaan
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomnelietumpap1
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxRaymartEstabillo3
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17Celine George
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationAadityaSharma884161
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementmkooblal
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designMIPLM
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxsqpmdrvczh
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptxSherlyMaeNeri
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxChelloAnnAsuncion2
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfMr Bounab Samir
 

Dernier (20)

Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)Influencing policy (training slides from Fast Track Impact)
Influencing policy (training slides from Fast Track Impact)
 
AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.AmericanHighSchoolsprezentacijaoskolama.
AmericanHighSchoolsprezentacijaoskolama.
 
Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17Difference Between Search & Browse Methods in Odoo 17
Difference Between Search & Browse Methods in Odoo 17
 
ACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdfACC 2024 Chronicles. Cardiology. Exam.pdf
ACC 2024 Chronicles. Cardiology. Exam.pdf
 
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdfTataKelola dan KamSiber Kecerdasan Buatan v022.pdf
TataKelola dan KamSiber Kecerdasan Buatan v022.pdf
 
DATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginnersDATA STRUCTURE AND ALGORITHM for beginners
DATA STRUCTURE AND ALGORITHM for beginners
 
Solving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptxSolving Puzzles Benefits Everyone (English).pptx
Solving Puzzles Benefits Everyone (English).pptx
 
How to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERPHow to do quick user assign in kanban in Odoo 17 ERP
How to do quick user assign in kanban in Odoo 17 ERP
 
Gas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptxGas measurement O2,Co2,& ph) 04/2024.pptx
Gas measurement O2,Co2,& ph) 04/2024.pptx
 
ENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choomENGLISH6-Q4-W3.pptxqurter our high choom
ENGLISH6-Q4-W3.pptxqurter our high choom
 
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptxEPANDING THE CONTENT OF AN OUTLINE using notes.pptx
EPANDING THE CONTENT OF AN OUTLINE using notes.pptx
 
How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17How to Configure Email Server in Odoo 17
How to Configure Email Server in Odoo 17
 
ROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint PresentationROOT CAUSE ANALYSIS PowerPoint Presentation
ROOT CAUSE ANALYSIS PowerPoint Presentation
 
Hierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of managementHierarchy of management that covers different levels of management
Hierarchy of management that covers different levels of management
 
Keynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-designKeynote by Prof. Wurzer at Nordex about IP-design
Keynote by Prof. Wurzer at Nordex about IP-design
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
Romantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptxRomantic Opera MUSIC FOR GRADE NINE pptx
Romantic Opera MUSIC FOR GRADE NINE pptx
 
Judging the Relevance and worth of ideas part 2.pptx
Judging the Relevance  and worth of ideas part 2.pptxJudging the Relevance  and worth of ideas part 2.pptx
Judging the Relevance and worth of ideas part 2.pptx
 
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptxGrade 9 Q4-MELC1-Active and Passive Voice.pptx
Grade 9 Q4-MELC1-Active and Passive Voice.pptx
 
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdfLike-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
Like-prefer-love -hate+verb+ing & silent letters & citizenship text.pdf
 

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>