Html
Download as PPT, PDF•2 likes•90 views
The document provides an introduction to HTML and CSS, outlining the fundamental aspects of each language. It explains that HTML is essential for publishing on the web, includes examples of code, and mentions key features like tables, forms, and embedded styles. CSS is highlighted as a mechanism for styling web pages, with instructions for embedding and using styles along with examples.
Html
- 2. 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.kidstoysera.com/ 2
- 3. HTML (Hypertext Markup Language) Example HTML code: <HTML> <head> <title>Hello World</title> </head> <body bgcolor = “#000000”> <font color = “#ffffff”> <H1>Hello World</H1> </font> </body> </HTML> 3
- 4. HTML (Hypertext Markup Language) 4
- 5. HTML (Hypertext Markup Language) Common features Tables Frame Form Image map Character Set Meta tags Images, Hyperlink, etc… 5
- 6. 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 6
- 7. 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 7
- 8. 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 8
- 9. CSS (Cascading Style Sheet) <HTML> <head> <title>Hello World</title> <style type=“text/css”> p,h1,h2 { margin-top:0px; margin-bottom:100px;padding:40px 40px 0px 40px; } </style> </head> <body bgcolor = “#000000”> <font color = “#ffffff”> <h1>Hello World<h1> </font> </body> </HTML> 9
- 10. CSS (Cascading Style Sheet) 10
- 12. Thank You 12