Shulou(Shulou.com)06/01 Report--

This article mainly introduces the relevant knowledge of "HTML entry case Analysis". The editor shows you the operation process through the actual case. The operation method is simple, fast and practical. I hope this "HTML introduction case Analysis" article can help you solve the problem.

HTML is the abbreviation of Hyper Text Mark-up Language (Hypertext markup language). It defines its own grammatical rules to express richer meanings than "text", such as pictures, tables, links, etc. Browser (IE,FireFox, etc.) software knows the syntax of the HTML language and can be used to view HTML documents. At present, most of the web pages on the Internet are written in HTML.

What does HTML look like?

To put it simply, the syntax of HTML is to Tag the text, so that the user (person or program) can understand the text better.

Here is the simplest HTML document:

one

two

three

four

five

six

seven

eight

The first Html document

Welcome to deerchao's personal website!

All HTML documents should have a tag, which can contain two parts: and.

Tags are used to contain general information about the entire document, such as the title of the document (the tag contains the title), the description of the entire document, the keywords of the document, and so on. The details of the document are about to be put in the tag.

Tags are used to indicate links, and when you view an HTML document in a browser (such as IE,Firefox, etc.), when you click on the content enclosed by the tag, it usually jumps to another page. The address of the page to jump to is specified by the href attribute of the tag. The value of the href attribute above is http://deerchao.net.

What an HTML document can contain

Through different tags, HTML documents can contain different content, such as text, links, pictures, lists, tables, forms, frames, etc.

Text

HTML has the richest support for text, you can set different levels of headings, segments and line breaks, you can specify the semantics and appearance of the text, you can indicate that the text is quoted from somewhere else, and so on.

Link

Links are used to indicate that the content is related to another page or somewhere on the current page.

Picture

Pictures are used to make the page more beautiful or to provide more information.

List

The list is used to indicate that a series of entries are related to each other.

Form

A table is a form in which data is organized by rows and columns. There are also many people who use tables for page layout.

Form

Forms are usually made up of text input boxes, buttons, multiple checkboxes, radio boxes, drop-down lists, etc., to make HTML pages more interactive.

Frame

The frame enables the page to contain other pages.

Detailed description of HTML document format

The basic format of the HTML document was introduced earlier, which will be explained in detail below.

HTML documents can be created and edited with any text editor (such as notepad, UltraEdit, etc.) because its content is only text in nature.

In HTML text, the part enclosed in angle brackets is called a tag. If you want to use angle brackets in the text (or large and small numbers, in short, the same thing), you must use character escape, that is, to convert the original meaning of the characters. As for the & symbol itself, you should use & instead (it has to be said that many HTML documents do not follow this rule, and common browsers can figure out whether it is the beginning of an escape or a symbol, but this is not recommended).

A tag is essentially a description of what it contains and may have attributes to give more information. such as

The tag has src attributes (to indicate the address of the picture), width and height attributes (to indicate the width and height of the picture). There are rules on which tags can be used in HTML and what attributes these tags can have. After knowing the basic knowledge mentioned here, learning HTML is actually learning these tags. A brief introduction to the commonly used HTML tags will be given later in this article.

Tags usually have the beginning and the end (also known as the start and end tags), which together define what the tag contains. Property can only be specified in the opening tag, and property values can be enclosed in single or double quotation marks. The closing tag is indicated by / with a signature. Sometimes, some tags contain nothing else (only their own attributes, or even none), in which case they can be written like this:

. Notice the last space and a backslash, which indicates that the tag is over and there is no need for a separate closing tag.

Some tags can contain new tags, and the new tag signature may even be the same as the name of the tag that contains it (which tags can contain tags and which tags can be included). For example:

one

two

three

four

Classified catalogue...

List of current classified contents.

In this case, the last tag that appears should end first.

All white space characters (spaces, Tab, line feeds, carriage returns) in HTML documents will be ignored by the browser. The only exception is spaces. The way spaces are treated is that all consecutive spaces are treated as one space, regardless of whether there is one space, two spaces, or 100 spaces. The reason for this rule is that ignoring white space characters allows the author using HTML to arrange the content in the format he finds most convenient, such as increasing indentation at the beginning of each tag and decreasing indentation at the end of each tag. Because spaces are commonly used in English texts (to separate words), such special treatment is made for spaces. If you want to display consecutive spaces (for example, for indentation), they should be used to represent spaces.

Introduction of commonly used labels

Text

The most commonly used label is probably, which is used to change the font, font size, and text color.

one

two

three

four

six

four

Red 5

Boldface words

Bold, underlined, and italic characters are also commonly used text effects, which are respectively used to indicate:

one

two

three

Bold

Italic

Underline

There are also tags that indicate that the included text has a special meaning, such as (for abbreviation), (for emphasis), (for stronger emphasis), (for reference), (for address), and so on. These tags do not exist to define the display effect, so they may not have any effect from the browser, or different browsers may display these tags differently.

A long article, if there is a suitable subtitle, you can quickly get a general idea of its content. In HTML, the tags used to represent titles are:, they represent the first-level title, the second-level title, the third-level title, respectively.

one

two

three

four

five

HTML 30-minute tutorial

What is HTML?

...

What does HTML look like?

...

Picture

Tags are used to add lines to the page. You can control the length and color of horizontal lines by specifying the width and color properties.

one

The tag is used to add a picture to the page, and the src attribute specifies the address of the picture. If the image specified by src cannot be opened, the browser will usually display the text defined by the alt attribute where the picture needs to be displayed on the page.

one

Link

The hyperlink is represented by a tag, and the href attribute specifies the address to which the link is linked. Tags can contain text or pictures.

one

two

Deerchao's personal website

Segmenting and wrapping

Because HTML documents ignore white space characters, to ensure normal line wrapping, you must indicate which text belongs to the same paragraph, which uses tags.

.

one

two

This is the first paragraph.

This is the second paragraph.

There are also people who don't use it.

, and use

.

It only indicates a line break, not the beginning or end of a paragraph, so there is usually no end tag.

one

two

three

This is the first paragraph.

This is the second paragraph.

This is the third paragraph.

Sometimes, you want to think of a document as a combination of different parts. for example, a typical page may consist of three parts: header, body, and footer. The label is designed to indicate different parts:

one

two

three

Header content

Main body content

Footer content

Form

HTML documents are usually displayed in browsers from left to right, from top to bottom, and automatically wrap on the right side of the window. In order to achieve the effect of dividing columns, many people use table () for page typesetting (although tables are not intended for typesetting in HTML).

Tags usually contain several tags that represent a row in a table. The tag also contains tags, each representing a cell.

one

two

three

four

five

six

seven

eight

nine

ten

eleven

2000 Sydney

2004 Athens

2008 Beijing

Tags can also be included or included. They represent the header, text and footer, respectively. When printing a web page, if the form is large, you can't print a page, and it will appear on every page.

And is very similar and is also used inside, except that the cell is the header of the row or column in which it is located.

one

two

three

four

five

six

seven

eight

nine

ten

Time and place

2000 Sydney

2004 Athens

2000 Beijing

List

Tables are used to represent two-dimensional data (rows, columns), and one-dimensional data is represented by lists. Lists can be divided into unordered lists (), ordered lists (), and definition lists (). The first two kinds of lists are more common, and both contain list items with tags.

An unordered list represents a series of similar items in no order between them.

one

two

three

four

five

Apple

Orange

Peach

The order of items in an ordered list is important, and browsers usually number them automatically.

one

two

three

four

five

Open the refrigerator door.

Drive the elephant in.

Close the refrigerator door.

Frame

Finally, let's talk about frameworks, an once-popular technology that allows multiple documents to be displayed in a window at the same time. There is no label in the main frame page, instead of it.

The attributes Rows and Cols of the tag are used to specify how many rows (columns) are in the frameset (frameset) and the height (width) of each row (column).

Tags can contain tags, each representing a document (the src attribute specifies the address of the document).

If you think such a page is not complex enough, you can also include tags in the tags.

This is the end of the introduction to "case Analysis of getting started with HTML". Thank you for your reading. If you want to know more about the industry, you can follow the industry information channel. The editor will update different knowledge points for you every day.

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.