HTML entry example - Guide to HTML, XHTML Guide

Change Font Size: / / Directory List

2. Example HTML entry

Examples of HTML entry example - could try to edit

Well above the drill through a feeling? Below started on the detailed study:)

<1> Open notebook: Click on "Start" - Select "procedures" - Select "Annex" - Select "notepad"

<2> Enter the following code (the past can be directly copy you) 

  <DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd" /> <html> <head> <title > Welcome to the NT22 Tutorial </ title> </ head> <body> <p> This is my first website, where <a href = "http://www.nt22.com/xhtml-html/" > Be learn HTML! </ a>! </ p> </ body> </ html>

<3> click on "paper" - select the "Save" - choose the file type "all documents" - documents imported "nt22.html" save the file and select Address. (Remember the suffix must document for the deposit . html or. htm, or page can not be displayed)

<4> Now we can double-click on the document. Look at the effect of it.

Now explain the above example:

  • HTML file is a text file. Text file suffixes were yes. Txt, and the suffix of HTML yes. Html.
  • <DOCTYPE html PUBLIC "- / / W3C / / DTD XHTML 1.0 Strict / / EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" /> representative of document types, generally which means: the XHTML1 strictly follow the format of writing. behind specific document type described (see document type), as if written on the form.
  • HTML files, a label is <html>. Label told browser This is the beginning of HTML documents (see html tags).
  • HTML document is the last of a tag </ html>, the labels tell the browser which is the termination of HTML documents.
  • In <head> and </ head> label is the first between the text information. In the browser window, the first information is not displayed on the page (see head label).
  • In <title> and </ title> tag is the text between the title document, which was displayed in the browser window title bar (see title label).
  • In <body> and </ body> tag is the text between the body, will be displayed in the browser (see body label).
  • In <p> and </ p> tag represents paragraphs (see p label).
  • <a> And </ a> defines a hyperlinks, users clicked on the "Be learning" can link to http://www.nt22.com web site (see a label).

Trackback Address: http://www.nt22.com/xhtml-html/novice/

Several questions:

I can only use Notepad to the editor?

A: There are many editors can use, some WYSIWYG editor, such as nt22weaver, Frontpage you can easily create a page, without the need to write code, but may have some junk code.

If you would like to become a skilled network program developer, I strongly recommend that you use a text editor to write code, which would help learning HTML basis. Course can also use the more powerful text editor, such as: EditPlus UltraEdit.

Recommendations: There is a web page and can use EditPlus nt22weaver, nt22weaver the power to quickly produce large quantities code, and through the EditPlus that perfect code.

I finished HTML document preparation, but after double-click in the browser and can not see the results, and why?

A: Make sure you save a document, and use the correct file names and extensions, such as: nt22.html and confirm your browser open the same document.

I edit the HTML files, but the results have not been modified in the browser, why?

A: The browser cache your original pages, so it will not read the new pages. You to revise this page, the browser does not know. Please use the "Refresh / override" button to force the browser read edited pages, or by F5 repeatedly refresh.

Showing how file extension?

Answer: Open "My Computer" - Select "tools" - Select "Folder Options" - select "Show" - the word "hide known file types extension" check mark.

Showing file extension

Recommended: FireFox browser editorial page is indispensable, and we should also use IE and FireFox Show website effect.

Extended reading

  • CSS examples entry