in one hour a day

... guide you as you master current web publishing technologies and practices Trang 3Table of ContentsSams Teach Yourself: Web Publishing with HTML and CSS in One Hour a Day By Laura Lemay, Rafe Colburn ... You'll have no problem learning from expert author Laura Lemay's clear and approachable writing style Simple, step-by-step instructions with lots of practical, interesting examples of web pages ... Trang 2Sams Teach Yourself: Web Publishing with HTML and CSS in One Hour a DayBy Laura Lemay, Rafe Colburn Publisher: Sams Pub Date: June 08, 2006 Print ISBN-10: 0-672-32886-0 Print ISBN-13:

Ngày tải lên: 07/07/2014, 09:20

... has a niche market It's small, fast, free, and available for a number of platforms, including Windows, Mac OS X, and Linux It's also standards compliant Apple has developed a browser named Safari ... Netscape 4.7 was released, Netscape was taking a more cavalier attitude toward standards The bottom line is that pages that look great in Internet Explorer, Firefox, and other current browsers can ... Netscape Navigator is now a version of Mozilla Firefox that has been modified to have the Netscape brand rather than the Mozilla brand In terms of how they display web pages, Netscape Navigator and

Ngày tải lên: 07/07/2014, 09:20

... oil in your car, making a soufflé, creating landscape portraits in oil, learning HTML) could be described as online documentation ● Shopping catalogs If your company offers items for sale, making ... Navigation At this point, you should have a good idea of what you want to talk about as well as a list of topics The next step is to actually start structuring the information you have into a ... sprucing up your individual entries or articles ● Hobbies or special interests A web page can contain information about a particular topic, hobby, or something you're interested in; for example,

Ngày tải lên: 07/07/2014, 09:20

... image] Trang 4Ideas for Organization and NavigationAfter the system-specific part of the installation, you could link back to the original branch and continue with the generic installation In addition ... mental positioning in the hierarchy when crossing hierarchical boundaries by moving forward or backward Suppose that you're putting the Shakespeare play Macbeth online as a set of web pages In addition ... use a linear or sequential organization, similar to how printed documents are organized In a linear structure, as illustrated in Figure 2.7, the home page is the Trang 2Ideas for Organization and

Ngày tải lên: 07/07/2014, 09:20

... not include serifs, the small lines at the ends of characters.) There are many, many properties that can be used in style declarations. As I've already said, putting a declaration into a ... HTML tags generally have a beginning and an ending tag surrounding the text they affect. The beginning tag "turns on" a feature (such as headings, bold, and so on), and the ending tag ... pages are created using tags. I want to stop briefly and discuss attributes as well. An attribute is an additional bit of information that somehow affects the behavior of a tag. Attributes are

Ngày tải lên: 07/07/2014, 09:20

... Today, you'll learn about each of the basic HTML tags in more depth, and begin writing web pages with headings, paragraphs, and several different types of lists Today we'll focus on the following ... a text document as a web page You learned a bit about the history of HTML and the reasons why the HTML specification has changed several times since the beginning You also learned how Cascading ... opening and closing tags, and they surround the text that they affect The tags are enclosed in brackets (<>) The beginning tag turns on a feature, and the ending tag, which is preceded by a

Ngày tải lên: 07/07/2014, 09:20

... entry's number at any point in a list You do so by using the value attribute in the <li> tag Assigning a value in an <li> tag restarts numbering in the list starting with the affected entry ... Just as you can change the numbering scheme in the middle of an ordered list, you can change the type of bullet midstream in a list by using the type attribute in the <li> tag Again, this attribute ... rather the multitudinous seasincarnadine, making the green one red (Enter Lady Macbeth)</dd> <dt>Lady Macbeth</dt> <dd>My hands are of your color, but I shame to wear a

Ngày tải lên: 07/07/2014, 09:20

... Pages After finishing yesterday's lesson, you now have a couple of pages that have some headings, text, and lists in them These pages are all well and good, but rather boring The real fun starts ... 5 Adding Links to Your Web Pages 6 Formatting Text with HTML and CSS 7 Adding Images, Color, and Backgrounds Trang 10Lesson 5 Adding Links to Your Web PagesLesson 5 Adding Links to Your Web Pages ... learn how to create hypertext links and link your pages to the Web In this Lesson Today, you'll learn just that Specifically, you'll learn about the following: ● All about the HTML link tag

Ngày tải lên: 07/07/2014, 09:20

... 13:48:37] Linking Local Pages Using Relative and Absolute Pathnames Linking Local Pages Using Relative and Absolute Pathnames The example in the preceding section shows how to link together pages ... Tag<a> To create a link in an HTML page, you use the HTML link tag <a> </a>. The <a> tag often is called an anchor tag because it also can be used to create anchors for links. ... relative links, which are more portable. Absolute Pathnames You can also specify the link to another page on your local system by using an absolute pathname. Absolute pathnames point to files based

Ngày tải lên: 07/07/2014, 09:20

... Creating Links and Anchors You create an anchor in nearly the same way that you create a link: by using the <a> tag If you Trang 8wondered why the link tag uses an <a> rather than an ... Trang 7Linking to Specific Places Within DocumentsThe links you've created so far today have been from one point in a page to another page But what if, rather than linking to that second page in ... attribute After the name of the page, however, include a hash sign (#) and the name of the anchor exactly as it appears in the name attribute of that anchor (including the same uppercase and lowercase

Ngày tải lên: 07/07/2014, 09:20

... line with <a> But when you're adding an anchor to a big section of text that's also contained within an elementsuch as a heading or paragraphalways put the anchor inside the element In ... anchor name you use in the name attribute and the anchor name in the link after the # are identical Caution A common mistake is to put a hash sign in both the anchor name and in the link to that anchor ... Trang 9Be aware that news articles don't exist foreverthey expire and are deleted So, a message ID that was valid at one point can become invalid a short time later If you want a permanent link

Ngày tải lên: 07/07/2014, 09:20

... the page rather than at the anchor. What's going on here? A Are you specifying the anchor name in the link after the hash sign the same way that it appears in the anchor itself, with all ... within one image using image maps in Lesson 7, "Adding Images, Color, and Backgrounds." Q My links aren't pointing to my anchors. When I follow a link, I'm always dropped at ... create links, you use the <a> </a> tag pair, called the link or anchor tag. The anchor tag has attributes for creating links (the HRef attribute) and anchor names (the name attribute).

Ngày tải lên: 07/07/2014, 09:20

... larger capital letters. The two values available are normal and small-caps. Here's an example: Input <p><span style='font-variant: small-caps'>This Text Uses Small ... Now let's look at one capability that's not available using regular HTML tags. Using the font-variant property, you can have your text rendered so that lowercase letters are replaced ... the heading appears. Choosing between this approach and the <u> tag is a washif you want to remove the underlining from the heading, you'd have to come back and edit the tag itself,

Ngày tải lên: 07/07/2014, 09:20

... 13:48:45] Trang 9Special CharactersSpecial Characters As you learned earlier in the week, HTML files are ASCII text and should contain no formatting or fancy characters In fact, the only characters ... Unicode as long as the necessary fonts are available This is an important step because Unicode is emerging as a new de facto standard for character encoding Java uses Unicode as its default character ... extended ASCII characters For example, quotation marks and ampersands can be presented on a page using character entities even though they're found within the standard ASCII character set These characters

Ngày tải lên: 07/07/2014, 09:20

... 13:48:46] Text Alignment Text Alignment Text alignment is the capability to arrange a block of text, such as a heading or a paragraph, so that it's aligned against the left margin (left ... example, if you want to present a headline in a sans serif font, you might specify a font that's available under the Mac OS, one that's available under the X Window System, and one ... Special Characters For the most part, character entities exist so that you can include special characters that aren't part of the standard ASCII character set. However, there are several

Ngày tải lên: 07/07/2014, 09:20

... them in the original organization, you could easily create web pages describing each cat (and showing pictures) and then link them back to this page, one link (and one page) per cat Is describing ... point has been plain-vanilla HTML 2.0, so it's readable and will look pretty much the same in all browsers After you get the page to this point, however, you can add additional formatting tags ... Trang 1Now begin adding the content You're undertaking a literary endeavor, so starting the page with a nice quote about old books would be a nice touch Because you're adding a quote, you can

Ngày tải lên: 07/07/2014, 09:20

... Trang 1Summary Tags, tags, and more tags! Today you learned about most of the remaining tags in the HTML language for presenting text, and quite a few of the tags for additional text formatting ... There are a couple of exercises that focus on building some additional pages for your website Ready? Q&A Q If line breaks appear in HTML, can I also do page breaks? A HTML doesn't have a page ... align characters These include the name of the author of the web page, contact information, dates, copyright notices, or warnings Address information usually appears at the bottom of a web page

Ngày tải lên: 07/07/2014, 09:20

... image] And that's all there is to adding images! Trang 6Images and TextIn the preceding exercise, you put an inline image on a page with text below it You also can include an image inside a line ... interpret the string you include in the alt attribute as a literal string That is, if you include any HTML tags in that string, they'll be printed as-is rather than being parsed and displayed as HTML ... text In fact, this is what the phrase "inline image" actually meansit's in a line of text To include images inside a line of text, just add the <img> tag inside an element tag (<h1>,

Ngày tải lên: 07/07/2014, 09:20

... Trang 8Images and LinksImages and Links Can an image serve as a link? Sure it can! If you include an <img> tag inside a link tag (<a>), that image serves as a link itself: <a href="index.html"><img ... Trang 1Wrapping Text Next to ImagesIncluding an image inside a line works fine if you have only one line of text One aspect of inline images that I've sneakily avoided mentioning so far is that ... text (paragraphs, lists, headings, other images) after an aligned image, and the text will be wrapped into the space between the image and the margin Or you can have images on both margins and put

Ngày tải lên: 07/07/2014, 09:20

... image that doubles as a link simply by including the <img> tag inside a link tag (<a>) In this way, the entire image becomes a link In an imagemap, different parts of the image are different ... links You can specify that certain areas of a map link to various pages, as in Figure 7.17 Or you can create visual metaphors for the information you're presenting, such as a set of books on a ... /></a> Up To Index </p> See Figure 7.16 for the final menu Trang 4Images and LinksTrang 5What Is an Imagemap?What Is an Imagemap? Earlier in this lesson, you learned how to create an image

Ngày tải lên: 07/07/2014, 09:20