Saturday 16 April 2016

HTML Basic Introduction for Beginners

What is HTML?

H-T-M-L are initials that stand for HyperText Markup Language (computer people love initials and acronyms -- you'll be talking acronyms ASAP).

Let me break it down for you:
Hyper is the opposite of linear. It used to be that computer programs had to move in a linear fashion. This before this, this before this, and so on. HTML does not hold to that pattern and allows the person viewing the World Wide Web page to go anywhere, any time they want.
Text is what you will use. Real, honest to goodness English letters.

Mark up is what you will do. You will write in plain English and then mark up what you wrote. More to come on that in the next Primer.

Language because they needed something that started with "L" to finish HTML and Hypertext Markup Louie didn't flow correctly. Because it's a language, really -- but the language is plain English.

Example:

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>

Basic HTML Tags

<HTML> </HTML>
This tag tells your browser that the file contains HTML-coded information. All html tags must be placed between the open <HTML> tag and the closed tag </HTML> The file extension .html also indicates the document is an HTML document. All html documents MUST be saved with the .html file extension.

<HEAD> </HEAD>
The head tag identifies the first part of your HTML-coded document. The title tag (explained below) must be places between the open <HEAD> tag and the closed </HEAD> tag. 

<TITLE> </TITLE>
The title tag contains your document title and identifies its content in a global context. The title is typically displayed in the title bar at the top of the browser window, but not inside the window itself. The title is also what is displayed on someone's hotlist or bookmark list, so choose something descriptive, unique, and relatively short. A title is also used to identify your page for search engines (such as Hotbot or AltaVista).

<BODY> </BODY>
The largest part of your HTML document is the body, which contains the content of your document (displayed within the text area of your browser window). All HTML tags that pertain to the body of your HTML document must be places between the open <BODY> tag and the closed </BODY> tag. The tag has attributes which you can use to set the colors of your background, text, links, and also to include your own background image. They are as follows:

BGCOLOR="white" Sets the background color (other color names: red, black, blue etc)
TEXT="black" Sets the body text color
LINK="blue" Sets the unvisited hypertext links
VLINK ="purple" Sets the visited hypertext links
ALINK="red" Sets the active hypertext links (the color of the hypertext link when you have your mouse button depressed)
BACKGROUND Let you use an image as the background <background=
Body attributes are used as part of the open <body> tag. For example:

<BODY BGCOLOR = "white" TEXT = "black" LINK = "blue" VLINK = "purple" ALINK = "red"> 

Related Posts

HTML Basic Introduction for Beginners
4/ 5
Oleh

Subscribe via email

Like the post above? Please subscribe to the latest posts directly via email.