Web pages are composed of files containing Hypertext Markup Language (HTML) and other markup languages that describe Web pages. HTML was developed using Standard Generalized Markup Language (SGML). SGML prescribes a standard format for embedding descriptive markup within a document and for describing the structure of a document. SGML is not in itself a document language, but rather a description of how to specify one and create a document type definition (DTD).
HTML is the set of markup symbols or codes placed in a file intended for display on a Web browser page. The purpose of markup symbols is to identify structural elements such as paragraphs, headings, and lists as well as place media and describe fill-in forms. The browser interprets the markup code and renders the page. HTML permits the platform independent display of information across a network.
The web page is written of a set of elements or tags. Elements, or tags, are invdividual markup codes that defines parts of a web page, such as headers. Tags are enclosed in angle brackets, the < and > symbols. Most tags come in pairs: an opening tag and a closing tag, sometimes called container tags. However, tags can be self-contained (also known as stand-alone tags). For example, a tag that displays a horizontal line on a Web page, is a stand-alone or self-contained tag and does not have a closing tag.
A Document Type Definition (DTD) tag (commonly called the DOCTYPE) is placed at the top of a Web page document, even before the tag. The DTD identifies the version and type of XHTML contained in your document. Browsers and HTML code validators can use the information in the DTD when processing the Web page. You will place the DTD as the second line in each Web page document you create.
After the DTD, each Web page begins with an opening tag and ends with a closing tag. These tags indicate that the text between them is HTML formatted. It tells the browser how to interpret the document.
There are two sections on a Web page: the header and the body
1.The head section, called the header, contains information that describes the Web page document.
Tags that are located in the head section include:
a. the title of the Web page
b. meta tags that describe the document {such as the character encoding used and information that may be accessed by search engines}
c. references to scripts and styles
2. The head section begins with the tag and ends with the tag. You’ll always code at least two other tags in the head section:
a. title tag: this contains the text appearing in title bar of browser window
b. meta tag: used to describe a characteristic of a Web page, such as the character encoding. Character encoding is the internal representation of letters, numbers, and symbols in a file such as a Web page or other file that is stored on a computer and may be transmitted over the Internet.
Tags that are located in the head section include:
a. the title of the Web page
b. meta tags that describe the document {such as the character encoding used and information that may be accessed by search engines}
c. references to scripts and styles
2. The head section begins with the tag and ends with the tag. You’ll always code at least two other tags in the head section:
a. title tag: this contains the text appearing in title bar of browser window
b. meta tag: used to describe a characteristic of a Web page, such as the character encoding. Character encoding is the internal representation of letters, numbers, and symbols in a file such as a Web page or other file that is stored on a computer and may be transmitted over the Internet.
3. The body section contains text and elements that do show directly on the Web page. The purpose of the body section is to describe the contents of the Web page.The body section begins with the (body) tag and ends with the (body) tag.
The final version of the basic anatomy of a Web page follows. Note that with the exception of the specific page title, the first eight lines will usually be the same on every Web page that you create.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
<title>>
Page Title Goes Here
</title>
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
</head><body>
... body information goes here </body>
</html>
No comments:
Post a Comment
Note: Only a member of this blog may post a comment.