| Hereunder are web design tutorials for HTML, CSS - Cascading Style Sheets, JavaScript, utilities and tools, Please enjoy, web designing is fun!
Easy guide to create web pages...
HTML: What is Typertext Markup Language?
HTML is short for HyperText Markup Language. How the language got so hyper is beyond me, too much caffeine maybe. At any rate, web pages are built using html tags.
So that you understand what a "tag" is, here is an example:
<html>
Each tag consists of the containers, which are the lesser than ( < ) and greater than ( > ) arrows, and the html command within them. The example tag above is the beginning of an html document. It tells the browser it's a page written in html so the browser knows what to do with it.
There are dozens of tags, but only a few that you have to know to make a simple web page. If it looks confusing, just play along, it really isn't that difficult. These lessons in the basic section will walk you through it one step at a time. In about 20 minutes you'll have made your first web page!
To begin with, you'll need a browser, (d-oh!) and a text editor. There are html editors that make web building easier for some people, but for this tutorial we'll assume you don't have one. If you do and want to use it, feel free, as long as it allows you to enter code directly it doesn't matter what you use.
I use Notepad, so will refer to that later in this tutorial. Notepad comes with every Windows PC, and if you learn the simple language, it's all you really need. You'll find it in your Accessories folder. Mac users will probably want to use SimpleText.
The Bare Necessities: The minimum HTML tags a page needs.
These tags are the bare necessities:
<html>
<head>
<title>...</title>
</head>
<body> Content Area
</body>
</html>
Tag Attributes: A brief introduction to HTML tag modifiers.
Tag attributes and values modify an html element from its default value. For example, the default color for a web page background is white in the majority of browsers, and another color, such as gray, in other browsers. By adding an attribute and value to the body tag, for example...
<body bgcolor="yellow">
All browsers would display the page with a yellow background color. In the above tag, body is the HTML command. The attribute and value I've added to the HTML body command is this:
bgcolor="yellow"
In this example, bgcolor is the attribute. An attribute is merely a modifier for an HTML command (also called an element) - in other words, it tells the browser to alter the default value for the command. In this case, it's telling the browser to change the default bgcolor (background color) of the page to the value of yellow.
So then, an attribute is a tag modifier, and has a value attached to it by the equal sign (=), and the value is enclosed in quotation marks..
|
