MyChapter3Part2

MyChapter3Part2 - Chapter3 Part 2: ConfiguringColorand...

Info iconThis preview shows pages 1–7. Sign up to view the full content.

View Full Document Right Arrow Icon
Chapter3 Part 2: Configuring Color and  Text with CSS  MyChapter3Part2.ppt 1 MyChapter3Part2.ppt There are at least two sets of examples illustrated in this chapter. The first set is from the author. I have also included the XHTML1.1 versions in his sample disk. This set is available in TextbooksStudentFiles5eFromAhmed\Chapter3 , of the unzipped TextbooksStudentFiles5eFromAhmed.zip file, and The 2 nd set includes my own examples. This set is available in AhmedsSamples\AhmedsExamplesCh3 of the unzipped AhmedsSamples.zip file.
Background image of page 1

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
2 Textbook Page 93: XHTML <div> element A block-level element Purpose: configure a specially formatted division or area of  a Web page There is a line break before and after the division.  Can contain other block-level and inline elements Useful to define an area that will contain other block-level  tags (such as paragraphs or spans) within it.  Ahmed’s take: I love the <div> element. Later in the  course you will find that the div element is extremely  useful. The <div> element is basically a rectangular  area. It can contain text, other elements like <p>,  <table>, etc. A <div> can contain another <div> too. MyChapter3Part2.ppt
Background image of page 2
3 Textbook: XHTML <div> Element Example: Page  94 Configure a the company name area:  See Page 92 and embedded4.html   inTextbooksStudentDataFiles4eFromAhmed\Chapter3  XHTML in the <body>. Page 94 and embedded4.hml Note: The XHTML1.1 versions of these pages are available in TextbooksStudentDataFiles4eFromAhmed\Chapter3. The files are named like Page94AhmedEmbedded4.htm, etc.
Background image of page 3

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
4 The content of  the <div>.   Figure 3.11 Page  94 MyChapter3Part2.ppt
Background image of page 4
5 An inline-level element Purpose:  configure a specially formatted area displayed in-line with  other elements, such as within a paragraph. There is no line break before and after the span. Whereas a <div> is relatively large  block level  container  element, the <span> is a smaller in-line  element. It is used to small portion of another  element.   Textbook: <span> element: Page 93 MyChapter3Part2.ppt
Background image of page 5

Info iconThis preview has intentionally blurred sections. Sign up to view the full version.

View Full DocumentRight Arrow Icon
XHTML <span> Element Example  Page 94, also in  Chapter3/e mbedded4.html  or  TextbooksStudentFiles5eFromAhmed\Chapter3\ Page94AhmedEmbedded4.htm, Embedded CSS (document wide or internal css): <style type="text/css"> .companyname { font-weight: bold; font-family: Georgia, "Times New Roman", serif; font-size: 1.25em; } </style> XHTML: <p>Your needs are important to us at <span class="companyname">Acme Web Design </span> . We will work with you to build your Web site.</p>
Background image of page 6
Image of page 7
This is the end of the preview. Sign up to access the rest of the document.

Page1 / 52

MyChapter3Part2 - Chapter3 Part 2: ConfiguringColorand...

This preview shows document pages 1 - 7. Sign up to view the full document.

View Full Document Right Arrow Icon
Ask a homework question - tutors are online