First, the introduction of HTML:
Html: Super Text Markup Language (hypertext Markup Language), a markup language that runs on a browser.
Second, commonly used tags:
1. H Series
H1,H2,H3,H4,H5,H6: Enlarge the text, bold and gradually become smaller.
A page can have only one H1 tag.
2. P Tag (Paragraph): paragraph label
Exclusive row
3. HR tab (horizontal Rule)
Display a horizontal line on the page
4. BR Label (BREAK)
Line break
5. Strong: Bold
Ins: Underline
EM: Tilt
Del: Strikethrough
6. IMG Tag: Display picture.
Cases:
Path problem:
Two types of paths:
A. Absolute path: Start looking for what we need from your computer's specific drive letter
C:\other\ Third Course \01-html Foundation-1th Day-{html title}\1.jpg file.
B. Relative path: Two files the location of a file relative to another file.
7. A tag (Anchor): Anchor
You can jump to another page on one page.
Note: You must write the text within the a tag, and if not, the label will not be found on the page.
Other uses of a tag:
1.0 can not jump (jump to the current page) href= "#"
2.0 can jump to another page.
3.0 can be positioned on your own page.
A. Set the href attribute of the A tag to "#id名",
B. Add a Target tag (can be any tag) at the specified location on the page
C. You must set an ID name for this tag
4.0 in the jump page to locate.
5.0 can be downloaded. (strongly deprecated)
8. HTML tags
One root node of all tags in html
9. Head tag
For storing:
Title,meta,base,style,script,link
Body tag
Structure tags for storing all HTML:
P,h,a,b,u,i,s,em,del,ins,strong.
One. Title Tag
Set a title for a page
META tags
Common usage:
1.0 Description: Can describe the page, can be used to use Baidu Program (web crawler) to collect key information, in order to improve the page ranking.
2.0 Keywords: Keywords that can be used to improve the page. The proportion of the key words of the face (a way of pre-ascending rankings.) )
3.0 Character set (encoded format):
Charset (format of character set): UTF-8.
13. The relationship between labels and labels
Nested relationships: One label contains another tag, and they construct a parent-child relationship.
Side-by-side relationship: Two labels tied up, they construct brotherly relationships
Third, label--form
1. Unordered list
Display a column of data that has no sort order
2. Ordered list
Display a sequence of data
3. Customizing the list
-
-
Iv. Forms
1. Table header, where the text is bold, centered
2. Set the caption for the table, and display the title at the top of the table
3. The table header for the top of the column
4. Store the main data in the page, and automatically add if not written
5. The general situation does not arise
V. Forms
1.input Label
2.select Label
3.textarea Label
4.Form Label
HTML Common Tags