1. HTML tags
Tags are the most basic unit and the most important component in html.
usually requires two angle brackets Bracketed: "<" and ">".
Tags are closed (two forms: paired and unpaired)
Tags are size Write irrelevant,
and have the same meaning. The standard recommends using lowercase letters, which conforms to the XHTML standard.
The following is a simple html example production :
2. The main structure of HTML
consists of three parts: DTD header,
header , Main part.
3.HTML document head element
4.HTML document theme tags
4.1 Format tags
The following is an example of format tags:
Format tag test Web page 🎜> Left side
Right side
lt;ul>
The first item < ;hr />
Ordered list:
🎜> - The third item
The running effect is:
5. Establish anchor points and hyperlinks
a tag--represents HTML link
a, is the first letter of anchor, and a tags appear in pairs, namely
....
Common attributes: href -- represents a url link source (that is, where to link to)
In addition to web pages, urls can also be other files (such as text files, pdf files, etc.). url can also point to a location in an HTML file. The url can also be an email address.
target -- used to indicate which window or frame should be opened by this link
target=_blank: Open the link content in a new browsing window.
target=_parent: Treat the linked content as the previous screen of the file.
target=_self: Display the linked content in the current window. target=_top: This parameter can solve the problem of new content being surrounded by old frames and windows. Using this parameter, the entire screen will be redisplayed as linked screen content. title -- represents additional prompt information for the link
Link syntax:
Hyperlink example:
Click the displayed text link to the Baidu page
6. Commonly used tags in tables
Common attributes of table tags:
table tag attributes:
width -- represents the width of the table
height -- represents the height of the table
border -- represents the table border (this attribute should be implemented using CSS)
cellspacing -- Represents the distance between the table border and the table content padding, and also the distance between the content padding (this attribute should be implemented using CSS)
cellpadding -- represents the width of the content padding (this attribute should be implemented using CSS)
th, td Label attributes:
width and height ? Represents width and height
colspan -- One row spans multiple columns
rowspan -- One column spans multiple rows
align -- Represents horizontal alignment (left (left-aligned) | center (center alignment) | right (right alignment) | justify) (This attribute should be implemented using CSS)
valign -- represents vertical alignment (top (top alignment) | middle (middle alignment) | bottom (bottom alignment) ) | baseline (baseline alignment)) (This attribute should be implemented using CSS)
Comprehensive example:
7.HTML frame tag
