1 / 15

XHTML and CSS Session 1

XHTML and CSS Session 1. Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements. What is required?. Plaint text editor, like Notepad Web browser, like FF or IE Commitment to learn something new

xenia
Download Presentation

XHTML and CSS Session 1

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. XHTML and CSSSession 1 Intro, (X)HTML, CSS, W3C, browsers, webpage, structure, tags, attributes, elements, web development process, basic XHTML elements

  2. What is required? • Plaint text editor, like Notepad • Web browser, like FF or IE • Commitment to learn something new • Problem-solving skills (which you’ll learn and develop along the way)

  3. What to expect? • XHTML and CSS are strictly for presentational purposes only – no programming • A lot of exercises and do-it-yourself required • The beginning, not the end

  4. Web Development Process

  5. What is (X)HTML? • (eXtensible) HyperTextMarkup Language • Code used to ‘write’ webpages • XML + HTML = XHTML • A stricter, cleaner version of HTML

  6. What is CSS? • Cascading Style Sheet • Specify how a webpage should look like • HTML = content || CSS = style/looks

  7. What is W3C? • World Wide Web Consortium • Sets and develop standards for the World Wide Web

  8. What are internet browsers? • Software that reads HTML document and convert the arcane codes into nice-looking webpages • Firefox, Internet Explorer, Safari, Netscape, etc. • W3C Standard compliance • Cross-browser compatibility

  9. What is a webpage? • A plain text document, consisting of codes with .html file extension • Complexity varies – several HTML lines to complex with multiple languages

  10. XHTML Document Structure <html> <head> <title>My first webpage</title> </head> <body> <p class=“foo”>Hello, world!</p> </body> </html>

  11. XHTML tags, elements, attributes <p class=“foo”>Hello, world!</p> attribute End tag Element content Start tag Element

  12. Element syntax • Starts with a start tag,ends with end tag, with element content in between. • <p>This is a paragraph</p> • Some HTML elements have empty content • Empty elements are closed in the start tag • <imgsrc=“foo.jpg” alt=“Picture of foo”></img> • becomes • <imgsrc=“foo.jpg” alt=“Picture of foo” /> • Most HTML elements can have attributes • <imgsrc=“foo.jpg”alt=“Picture of foo” />

  13. Attributes • Attributes provide additional information about the element • Attributes are always specified in the start tag • Attributes come in name/value pairs like: name="value"

More Related