HTML Basics ZS Knowledge

"Site Definition"

What is a website?

Web site is a number of pages linked together to build a whole;

What page?

A Web page is an HTML document that consists of text, images, and hyperlinks .

What is the technology for making Web pages? The technology for making Web pages is the web front-end standard .

"web Front end standard"

The Web front-end standard, also known as Web Front-end technology, is a set of technical specifications published and maintained by the organization.

The official definition of the Web front-end standard :

It is not a technology, but a series of technologies, including the following three items:

1, structure standard ---html;

2, style standard ---css;

3. standard of behavior ---javascript;

Explanation: Behavior can be understood as function (animation); style can be understood as decorative, beautiful;

"web basic Structure" "Knowing html"

what is html?

HTML Hypertext Markup Language (Hyper Text Markup Language), which is a language written to the browser, note: Not a programming language.

the role of HTML?

HTML is responsible for the structure of the Web page, layout, the information in the Web page control;

"HTML tag syntax"

HTML tag language, also known as HTML Markup Language, to write HTML tags need to follow the relevant syntax:

1, the HTML tag in pairs appear, and distinguish between the end, the tail tag plus the closing symbol: / slash;

2, the HTML language must be written in the tag symbol: < size in the number, commonly known as "angle brackets" > ;

the basic structure of the Web page

the basic structure of a Web page consists of 4 pairs of tags:

The HTML--- represents the whole of the Web page;

The head---The header of the page, and the contents are all for the browser to see;

Body--- represents the main body of the page, the content is to the user to see;

The title---The caption of the page, which needs to be written in the head ;

"Label relationship"

in HTML , there are only two relationships between all tags: one is a side-by-side relationship, and the other is a nested relationship;

"Development Tools" development tool Initialization Settings

DW initialization Settings shortcut key: ctrl+u

"HTML tag"

H1--- title tag; A total of 6 levels,H1-h6

P--- paragraph tag; The browser compiles the information inside it into a single paragraph;

"Semantic tagging"

Semantic tags give different semantics to various content;

"Text control label"

in the text control, the most important changes are: color, font size, font, these three requirements are controlled by a label: thefont tag, modify which part is selected with the font tag, Then set its label properties;

the basic structure of the Tag property :

k= "V" for example:color= "Red"

Note: The tag attribute is based on the basic structure of key-value pairs, separated by a space between multiple attributes;

Key-value pairs are translated: What is meant by what.

Font label text control three attributes:

Color--- colors, (its value can be English name, or it can be the color value obtained by the color picker)

Size--- the1-7 level , the maximum is 7;

Face--- font settings;

Horizontal split Line label

HR represents a horizontal split line, which is a single label;

Tag properties:

Size--- weight, no limit;

Color--- colors

Width--- widths;

Align--- horizontal alignment, it has a value of three:leftCenter - right, middle , and bottom.

Note: In the HTML , whose attributes to whom to write, not casually add! Headings and paragraphs are subject to the align attribute;

the properties of the body

BgColor--- set the background color;

Background--- set the background image;

Note : in the Web front-end standard, the background color is always below the background map;

"Bui label and Space wrapping"

B--- bold label for text

U--- underline;

I--- italic;

<br/> represents a newline label; shortcut key: shift+enter ( enter )

special characters that represent spaces : shortcut key: ctrl+shift+space ( spacebar )

"Picture control label"

the control of the picture is via the img tag;

Tag properties:

SRC--- the file path of the specified picture (required)

Width--- picture widths;

Height--- picture heights;

Border--- border;

Title--- set the tip text of the mouse cursor (the title of the picture);

Alt-- set the alternate text that the picture does not display properly;

to set the scale of a picture, such as: width or height modify only one of them, the other one let the computer automatically calculate;

"List Label"

"unordered list"

unordered list Basic structure : Ul>li

UL represents the whole of unordered list; li represents list items; ul can have countless Li in the interior ;

the style of the modified list is through the type property :

Disc--- small dots (default)

Circle--- small circle;

Square--- small rectangle;

"Sequential list"

The basic structure of a sequence table:

Ol>li

Ol represents the whole list,Li represents the list item;

list Style values : 1,a, a,i,i

HTML Basics ZS Knowledge