1. Technologies for web publishing Ing. Vaclav Freylich Lecture 1

2. TNPW1 - přednáška č. 1 Brief content  Basic XHTML course HTML syntax elements formatting (using CSS) validation  CSS formatting HTML elements positioning

3. TNPW1 - přednáška č. 1 Literature and sources  http://www.w3schools.com http://www.w3schools.com  http://www.w3schools.com/css http://www.w3schools.com/css  http://www.htmlcodetutorial.com http://www.htmlcodetutorial.com

4. TNPW1 - přednáška č. 1 Requirements  Project personal website valid XHTML 1.0 at least 10 *.html files using external CSS  Examination presentation of the project discussion about the project and the source code

5. TNPW1 - přednáška č. 1 HTML the tag and the element  HTML page consists of tags (elements) Pair tag: non-pair tag (HTML): non-pair tag (XHTML):  Tag with some content = element  Element can have attributes Link to the next page

6. TNPW1 - přednáška č. 1 HTML page – basic structure My first page Hello world!

7. TNPW1 - přednáška č. 1 XHTML – just a small difference My first page Hello world!

8. TNPW1 - přednáška č. 1 HTML - Plain text Paragraph Some text here The length of the paragraph text is not limited. We can set the text format in external CSS, inline CSS or using special HTML attributes Formatting by attributes is ordinarily not valid in XHTML 1.0 Strict!

9. TNPW1 - přednáška č. 1 HTML - headline Headline Main headline of the page There are six headline levels existing (h1 – h6). It is not suitable to jump across some levels. We should respect the semantic meaning of the page content and use the headlines according to this content.

10. TNPW1 - přednáška č. 1 HTML – phrase elements  Phrase elements Determine the semantic meaning of the text. Usually they are implicitly formatted by the browser. Frequently used emphasis highlighted text Other phrase elements source code output of some script or program definition

11. TNPW1 - přednáška č. 1 HTML - quotation Element cite Shakespeare. Name of the author, quoted source,.. Elements and To be or not to be? Used for short quotations. Browser should add the quotes to the text marked with this element. To be or not to be? Block element for longer quotations. It can contain only the block elements.