Flux rss

HTML document layout

HTML document

An HTML page is a simple file containing text formatted with HTML tags. Traditionally, the file is given an .htm or .html extension, but a web page may have other extensions as well.

A web page can be built from even the most basic text editors (such as a notepad application, for example), but there are also more advanced editors out there.

WYSIWYG ("What You See Is What You Get") editors are graphical-interface editors for working on a web page so as to better visualise what visitors to the site will see. With this kind of editor, tags can be added with just a mouseclick, and their attributes can be modified by entering their properties in a form. However, in order to get the best possible use out of this kind of editor, it helps a great deal to already have a good understanding of HTML.

There are also HTML editors which display tags, attributes, and their values in different colours in order to make them easier to read. They sometimes include tools for checking whether the HTML code is valid.

Traditionally, the file is given an .htm or .html extension, but a web page may have other extensions as well, including:

  • .asp for a page generated dynamically by ASP (Active Server Pages);
  • .cgi for a page generated dynamically with CGI (Common Gateway Interface);
  • .php, .php3 or .php4 for a page generated dynamically in PHP;
  • .pl for a page generated dynamically in Perl (Practical Extraction and Report Language);
  • etc.

HTML Document Layout

An HTML document begins with the tag <HTML> and ends with the tag </HTML>. It also contains a header describing the title of the page, and a body where the page's content is located.

The header is delimited by the tags <HEAD> and </HEAD>. The body is delimited by the tags <BODY> and </BODY>.

For example, this is a very minimalist HTML page:

<HTML>
<HEAD>
<TITLE>Page title</TITLE>
</HEAD>

<BODY>
Page content
</BODY>
<HTML>

Document Type Declaration

The HTML page should include the document type declaration, a reference to the HTML standard being used, in order to specify which coding standard the page employs. The declaration is made by adding a line like this one:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0//EN">
<HTML>
	<HEAD>...</HEAD>
	<BODY>Page content</BODY>
</HTML>

This indicates which DTD (Document Type Definition) is being used. The DTD is a reference to the characteristics of the language being used. The table below summarises the declarations for the main versions of HTML:

Version Declaration
HTML 2.0 <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 4.0//EN">
HTML 3.2 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 3.2 Final//EN">
HTML 4.01
  • Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Strict//EN" "http://www.w3.org/TR/html4/strict.dtd">
  • Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  • Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd">
XHTML 1.0
  • Strict: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  • Transitional: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-loose.dtd">
  • Frameset: <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">
XHTML 1.1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
This document entitled « HTML document layout » from Kioskea (en.kioskea.net) is made available under the Creative Commons license. You can copy, modify copies of this page, under the conditions stipulated by the licence, as this note appears clearly.

Résultats pour HTML document layout

Help Using MacWrite How does one add or remove pages in a document layout when using MacWrite 5 (or any version)? en.kioskea.net/forum/affich-1597-help-using-macwrite
Generating HTML Links from Folder C Hello, I want to create a CD of the contents found on hard drive. I have documents, pdfs, wav files, wma, etc. Anyone know of a way to generate HTML Links from Folder Contents? I have Dreamweaver MX 2004 & Frontpage 2003 at my disposal. en.kioskea.net/forum/affich-14027-generating-html-links-from-folder-c
Cannot send HTML email in Outlook Hello, Hello, I am trying to send some HTML emails using Outlook 2003. I want people to be able to receive a professional email from my business as an HTML webpage instead of a link, or plain text. I have created my webpage which I then uploaded to my... en.kioskea.net/forum/affich-6056-cannot-send-html-email-in-outlook

Résultats pour HTML document layout

How to read a .DOCX documentHow to read a .DOCX document Download Microsoft Compatibility Pack Download XML Translator Making use of online Tools For MAC users The new Office 2007 includes a new format for the word documents that bears the .docx extension.... en.kioskea.net/faq/sujet-317-how-to-read-a-docx-document
Microsoft word document recoveryMICROSOFT WORD DOCUMENT RECOVERY Sometimes large documents containing images files and screenshots, sometimes tends to illogically block Microsoft Word when you try to modify or edit them. In this case try to proceed as explain below: Open... en.kioskea.net/faq/sujet-385-microsoft-word-document-recovery
Keeping different versions of a Word document in the same fileMicrosoft Word calls this operation "versioning". The principle is very simple: one file will contain all the versions and will increase the file size. You can also extract any version and save it as a separate file/document. To use the version... en.kioskea.net/faq/sujet-12-keeping-different-versions-of-a-word-document-in-the-same-file

Résultats pour HTML document layout

Can't read emails in HTMLHello, i just got a new computer with vista and then installed office 2003. When i get emails in outlook, i can't view them in html even though html is set as the default. it looks like the default html setting is limited to composing messages... en.kioskea.net/forum/affich-14811-can-t-read-emails-in-html
Pictures do not appear in word 03everytime i try to open a document containing a picture in Normal, Print or Web layout view, all I get is the frame; when I open the document in Reading Pane, the picture appears. what shall i do to make it appear? en.kioskea.net/forum/affich-5386-pictures-do-not-appear-in-word-03
Outlook MIME FormatHello, I sent a few friends an e-mail yesterday which only one could not read. They said it was in MIME format and was all scrambled. All I sent was an HTML e-mail from Outlook with a Microsoft Word document attached. Does anyone know how to resolve... en.kioskea.net/forum/affich-15789-outlook-mime-format

Résultats pour HTML document layout

Download LiveProject Free Project ViewerLiveProject is an application of visualization of file mpp free. LiveProject introduces no degradation of the file mpp during exportation in format Excel or html. With LiveProject, you will be able to print your own documents. The use of LiveProject... en.kioskea.net/telecharger/telecharger-860-liveproject-free-project-viewer
Download Some Txt to PDF ConverterDocuments PDF are formats most on and the most stable for the electronic transfers, since they cannot be changed. Because of this or that you do not risk changing by keeping the format of the text or the layout of the document. Some Text to PDF... en.kioskea.net/telecharger/telecharger-573-some-txt-to-pdf-converter
Download CVitaeCvitae is a sim pl e tool but efficient for the writing of your CV. It ca do the layout in word format or HTML. During the different stages of the cration of your cv, you ca select its presentation from numerous models and /or follow the advice... en.kioskea.net/telecharger/telecharger-1130-cvitae

Résultats pour HTML document layout

HTML 4.0 - Positioning elements Using style sheets along with the and tags, you can specify the location of text or images down to the pixel. This is possible with versions 4 and higher of Netscape and Internet Explorer; however, the technique is still problematic and... en.kioskea.net/css/cssposition.php3
HTML - Markups HTML is not a programming language. Rather, it is used for describing the layout and format of content, written in the form of simple text. An HTML page is a basic text file containing tags for specifying text format, images, etc. The use of these... en.kioskea.net/html/htmlbalise.php3
HTML - Headings HTML can use six different levels of headings to define the hierarchical structure of paragraphs in a document: TagVisual Effect H1 Test H2 Test H3 Test H4 Test H5 Test H6 Test The following attributes are placed within structure tags so that the... en.kioskea.net/html/htmltitres.php3