Home >Web Front-end >HTML Tutorial >Web前端Html/Css_html/css_WEB-ITnose
Web前端Html/Css_html/css_WEB-ITnose
- WBOYOriginal
- 2016-06-24 11:48:381071browse
Let me summarize what I learned today. Although I have learned it before, I still feel that there is still something to learn.
Web front-end?Html:
HyperText Markup Language (HyperText Markup Language)
1. Overall skeleton
<!DOCTYPE html><html><head><meta charset="UTF-8" /><title></title></head><body></body></html>
This way the overall skeleton is there. We need to modify and modify
Tags in Html appear in pairs, and there are also self-ending tags, such as df250b2156c434f3390392d09b1c9563, 6ed09268cbdd0015bce8dcbbdfa9bfe4 tags. Speaking of self-ending tags, we should mention html here. Standard, in fact, self-ending tags can be written like 0c6dc11e160d3b678d68754cc175188a, a1f02c36ba31691bcfe87b2722de723b Even many editors now automatically complete tags like this. In fact, this loose specification was stipulated as early as Html 4.0. Later, XML appeared. This language has strict syntax. The end tag must be written like this 00132c39aa6e87304962f6ebd08e0b8b. Html also wants to change it. It has such a syntax, but it is difficult to stop it. There are already many web pages using Html4.0, so we see that there is such a thing as xhtml, which is actually a transition from Html to xml.
Notes:
Common tags:
Title tags: h1~h6
Paragraph tags: e388a4556c0f65e1904146cc1a846bee
Line break tags: df250b2156c434f3390392d09b1c9563
Unordered list: ff6d136ddc5fdfeffaf53ff6ee95f18525edfb22a4f469ecb59f1190150159c6bed06894275b65c1ab86501b08a632eb929d1f5ca49e04fdcb27f9465b944689
Image: 40a69faa51a70adef5a77f00a80af306
Inline Frame: 583e62b15f0020771bdd2efea14e7276065276f04003e4622c4fe6b64f465b88
Hyperlink: 8aa2918506a11e8a886e85949f1eb0795db79b134e9f6b82c0b36e0489ee08ed
Table tag:
<table border="1px"> <thead> </thead> <tbody> <tr> <td></td> </tr> </tbody> <tfoot> </tfoot><table>
Form tag:
<form action=""> <input type="text" name="username" /> <input type="password" name="pwd" /> <input type="raido" name="sex" value="men"/> <input type="raido" name="sex" value="women"/> <input type="checkbox" name="sport" value="football"> <input type="checkbox" name="sport" value="basketball"> <input type="submit" value="submit"> <select name="city"> <option value="beijing"></option> <option value="shanghai"></option> </select></form>
Web front-end?Css:
Cascading Style Sheets
If Html is the skeleton of the human body, then Css is used to enrich this skeleton
Css code location:
1. The style attribute in the tag
2. In the style In the tag
3. Introduce external style sheet*
Syntax:
Selector {
Attribute: value;
Attribute: value;
}
Four selectors:
1. Element selector: p, div
2. ID selector: #id
3. Class selector: .class
4. Combination selector: #id,.class
Box model:
Margin: margin
Border: border
Padding: padding
Width: height
Height: width
Note: Width and height include borders and padding. Pay attention when using it
Margins, borders, and padding can be set in four directions
flaot Float
Color: #Hexadecimal number composed of rgb three primary colors