1 / 14

Chapter 2

Chapter 2. HTML & CSS. O utlines. HTML (Hypertext Markup Language) CSS (Cascading Style Sheet). HTML (Hypertext Markup Language). HTML is the lingua franca for publishing hypertext on the World Wide Web Define tags <html><body> <head>…. etc

shite
Download Presentation

Chapter 2

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript


  1. Chapter 2 HTML & CSS

  2. Outlines • HTML (Hypertext Markup Language) • CSS (Cascading Style Sheet)

  3. HTML (Hypertext Markup Language) • HTML is the lingua franca for publishing hypertext on the World Wide Web • Define tags <html><body> <head>….etc • Allow to embed other scripting languages to manipulate design layout, text and graphics • Platform independent • Current version is 4.x and in February W3C released the first draft of a test suite 4.01 • For more info: http://www.w3.org/MarkUp/

  4. HTML (Hypertext Markup Language) # Example 1 HTML Source Code Output

  5. HTML (Hypertext Markup Language) • Common features • Tables • Frame • Images, Hyperlink, etc…

  6. HTML (Hypertext Markup Language) • Tables HTML Source Code Output

  7. HTML (Hypertext Markup Language) • Frame HTML Source Code Output

  8. HTML (Hypertext Markup Language) • Image HTML Source Code Output

  9. HTML (Hypertext Markup Language) • Image HTML Source Code Output

  10. CSS (Cascading Style Sheet) • Simple mechanism for adding style to web page • Code be embedded into the HTML file • HTML tag: <style type=“text/css”>CODE</style> • Also be in a separate file FILENAME.css • HTML tag: <link rel=“stylesheet” href=“scs.css” type=“text/css”> • Style types mainly include: • Font • Color • Spacing

  11. CSS (Cascading Style Sheet) • Controls format: • Font, color, spacing • Alignment • User override of styles • Aural CSS (non sighted user and voice-browser) • Layers • Layout • User Interface

  12. CSS (Cascading Style Sheet) • Client’s browser dependable • Example code: p,h1,h2 { margin-top:0px; margin-bottom:100px;padding:20px 40px 0px 40px; } • More info: • http://www.w3.org/Style/CSS/ • http://www.w3schools.com/css/css_intro.asp

  13. CSS (Cascading Style Sheet) # Example] <html><head><style>body {background-color: powderblue;}h1   {color: blue;}p    {color: red;}</style></head><body><h1>This is a heading</h1><p>This is a paragraph.</p></body></html> HTML Source Code

  14. CSS (Cascading Style Sheet)

More Related