网页制作教程 作者 赵丰年英文 chap2-texthypertext.pptVIP

Chapter 2 Text and Hypertext Objectives Tell the difference between block-level elements and inline elements. Use headings and paragraphs properly. Tell the difference between logical elements and presentational elements. Be familiar with the commonly used logical elements such as em strong. Know the difference between div and span and use them properly. Objectives Use lists properly. Be familiar with the commonly used presentational elements such as b i font hr, know their uses and limitations. Tell the difference between absolute URLs and relative URLs. Use links properly. 2 categories of text elements Inline elements occur in the flow of text and do not cause line breaks by default. Examples include: em, strong. Block-level elements have a default presentation that starts a new line and tends to stack up like blocks in the normal flow of the document. Examples include: h1, p. Block elements make up the main components of document structure. Headings Headings are used to introduce ideas or sections of text. HTML defines 6 levels headings, from h1 to h6, in order from most to least important. Note: HTML syntax requires that headings appear in order (for example, an h2 should not precede an h1) for proper document structure. Only use headings for headings, not for presentation purposes. Paragraphs Paragraphs are the most rudimentary elements of a text document. They are indicated by the p element. Paragraphs my contain text and inline elements, but they may not contain other block elements, including other paragraphs. Note: Only use paragraphs for paragraphs, not for presentation purposes. Text alignment The attribute align can be used in many text elements to adjust the horizontal alignment of text within block elements. For example: h1 align=“center” Heading1 /h1 will make the text aligned to the center. Note: Though commonly used, this attribute is deprecated. Nowadays, we are supposed to use CSS to do almost all the presentation. Logical (phrase) elements HTM