HTML+CSS Study Notes

1. Document formatting

1.1 Formatting of text

(1) Add standard text, can heal between <body> and </body> mark.

(2) Change the text attribute. Available <font> tags.

(3) Formatting text. Physical and logical. Physical tags include for specifying
Bold <b> marker,<i> italic marker. Logical tags, logical elements such as
<strong> tags and <em> tags. See HTML+CSS application for specific examples.

(4) Special characters. Sometimes you need to add some special characters to the HTML document.
, such as the copyright symbol "", "<" and so on. These characters usually cannot be used by the browser directly
or the reserved characters of the browser (such as the "<" symbol for marking)
。 Represent them by using a series of conversion strings. such as spaces with "
"To express. The "&" symbol represents the beginning of a special symbol, the ";" Symbol
The end of the special character. The special characters represented by the middle of two characters are reduced in English meaning.
Write.

1.2 Hyperlinks and Anchor stations.

Linear text and nonlinear text. Linear information refers to the development of information in line. From
Start at some point, follow a path, and end at a different point. The upper and lower of linear text
Text coherence. In non-linear text, magazines and dictionaries are typical examples of nonlinear text
。

(1) Links

Hypertext Link: The way to connect different hypertext files is called hypertext links.

(2) Anchor element, denoted by <a> mark.

<a href= "url" > hyperlink text </a>

Named Anchor Station: used to create a link to a specified location on the same page. so that straight
Jump to this location. Named anchors are also called "bookmarks".

The general syntax for naming anchor stations is: <a name= "book signature" > Anchor station a</a>

Find Anchor Station: <a href= "#书签名" > click here to have the browser jump to the anchor
Station a </a>

1.3 Paragraph formatting

(1) Paragraph mark

<p> </p>: Use the Align property to specify the alignment of the paragraph. such as: <p
Aligh= Center ><b> Align paragraphs </b></p>

<div>, <span>, <address>, <blockquote>

where <div> and <span> tags can divide the structure of a document into parts or multiple
Part. Divided into several logical parts, the combination of style sheets can control their explicit
The results are shown.

(2) Pre-formatted paragraph marks

<pre> mark, keep the entry as shown.

2. Working with images and backgrounds

2.1 Add an image to a Web page.

2.2 Pictures Hot Zone links

<map name= "Fpmap" >

<area href=http://www.cumt.edu.cn shape= "Rect"
coords= "10,32,333,372" >

</map>

3. Form

Table basic Syntax:<table></table> definition table

<caption></caption> Define a title

<tr> Defining Table Rows

<th> Defining a table header

<td> Defining a TABLE element (table specific data)

4. Form

Forms the interface of the foreground page and the spooler (ASP, JSP, CGI, and so on)
。

4.1 <form> Tags

The syntax format for the:<form></form> property is: Name property; method Genus
(Get method, Post method); Action property
(action= "Accept.asp" indicates that the contents of the form are submitted to background processing
program accept.asp); Enctype property (used to set the form Citic
The encoding method of the coupon. The values are unknown and enctype, and the default is unknown.
To upload a file, you need to set it to Enctype= "Multipart/form-data
”）

4.2 <input> Tags

Properties: Name;value;maxlength;size;type (text, password,
file, submit, Reset, checkbox check box, radio Radio box)

4.3<textarea> Label

<textarea></textarea>

Properties: Name, cols (number of columns for multi-line text input boxes), rows (set multiple
Line number of lines), wrap (sets the text in a multiline text box beyond the text column
If the width of the line is changed, the value has a virtual line, physical line break, off does not change
Line, the default is line wrapping)

4.4<select> Labels and <option> labels

Used primarily to define a list box. The syntax format is: <SELECT></SELECT>.

<select> tags must be used with <option> tags, which define columns
The various options for the table box. <option> tags can be used alone or in pairs
。

<select> Tag Properties: name, size

<option> Tag Properties: Value, selected

5. Framework

HTML files designed using the frames structure can divide the entire window into a few unique
Windows, each window can be loaded into different files, each window
are able to communicate with each other.

<frameset>

<frame src= "url" >

<frame src= "url" >

</frameset>

5.1 Size settings for each window

Split the window into a few pieces, the horizontal window with the Rows property, vertical sub-window
The Cols property, and the size of each block is implemented by the values of the two properties.

<frameset cols=#> <frameset cols= "100,200,300" >

<frameset cols= "100,200,*" > <frameset
cols= "100,*,*" >

<frameset cols= "*,*,*" >

<frameset rows=#> <frameset rows= "10%,20%,70%" >

(1) Arranging multiple windows vertically

<framesetcols= "30%,20%,50%" >
<frame src= "a.html" >
<frame src= "b.html" >
<frame src= "c.html" >
</frameset>

(2) Arranging multiple windows horizontally

<framesetrows=25%,25%,50%>
<frame src= "a.html" >
<frame src= "b.html" >
<frame src= "c.html" >
</frameset>

<Frameset> tags can be nested, that is, you can use one of the
One or several sub-windows are then divided into smaller windows.

<frameset cols= "30%,90,*" >

<framesrc= "Td1.html" name=cont>

<framesetrows= "120,*" >

<frame src= "Tulip.jpg" >

<frame src= "Dandelion's agreement. mp3" >

</frameset>

<framesrc= "Td2.html" name=another>

</frameset>

5.2 Inter-window operation

The contents of several windows separated by frames are not static, often a
Changes with the requirements of another window, which increases the
The use value of frames. In order to complete the operation of each window, we must
A name must be given for each window, which is defined by the attribute name.

<framesrc=url name= "window name" >

Example: <frame src= "a.html" name= "left" >

The name of the window is defined and the target is used in conjunction with the target property, which refers to the
The window in which the linked file appears. The value of target can be a name setting
The name of the literal, or the following four types of values:

<a href=urltarget=_blank> display a new window

<a href=urltarget=_self> display in the same window

<a href=urltarget=_parent> shown in the previous article in frameset
Pieces of the window

<a href=urltarget=_top> displayed in the entire browser window

HTML+CSS Study Notes