Tutorials


Colors “Changing the Background Color” briefly introduced how to change the background color to yellow. That’s kind of neat, but this just raises more questions. If yellow is available, what are the other colors I can use? Can I change the foreground color? Can I apply colors to just a […]

Colors in HTML


Browser Tools A browser’s primary function is to display web pages. However, for a web developer, browsers are much more useful than that. Whenever you visit a web page, your browser fetches a tremendous amount of valuable information, such as the HTML source of the page, image files that appear […]

Browser tools for HTML


Attributes Attributes modify the behavior of a element. Attributes allow you to change sizes, colors, specify link locations, and much more. They have two main components: <name attribute1="value1" attribute2="value2" ...> ...(text or more elements go here)... </name> attribute: Defines the attribute that you’re using. As with elements, case is irrelevant […]

Attributes of HTML



Font Styles The style elements provide a straightforward way to control the font. These elements fall into two categories: physical styles and logical styles. The style elements provide only crude control over the appearance of your text. Logical Styles A logical style indicates that the enclosed text has some sort […]

Font styles in HTML


Paragraph Breaks In Chapter 1, Getting Started, we covered some basic HTML concepts, including the fact that HTML ignores whitespace. This seems a little crazy, doesn’t it? How can we do we compose a readable webpage without everything collapsing into a single giant glob of text? Let’s say we want […]

Paragraph breaks in HTML


Elements After all this experimenting with our example webpage, it’s time to define elements more formally. Elements have three main components: <name attribute1="value1" attribute2="value2"...> ...(text or more elements go here)... </name> name: Identifies the type of the element, such as body or em element. The name of an element can […]

Elements of HTML



Tinkering Let’s make a few alterations to our “Simple Webpage” from “Diving In”. Example 1.3. Adding Text <html> <head> <title>A Simple Webpage</title> </head> <body> This is a simple webpage. And I mean really simple. </body> </html> To view this alteration: Add the text in bold to your simple.html file. Save […]

Tinkering with HTML


Structure The previous section demonstrates how to create a simple web page. If you haven’t saved this example on your computer as the file simple.html, do so now. Example 1.2. A Simple Webpage <html> <head> <title>A Simple Webpage</title> </head> <body> This is a simple webpage. </body> </html> If you view […]

Structure of HTML


Diving In The first thing we’re going to do is dive in and create a simple webpage. We’ll explore what’s going on soon, but for now, just follow the directions as best you can. To create your web page, you need: A browser (you’re using one right now) A plain […]

Diving In HTML