Home > Developer > Web Develop
Summing up the content of today's study, although the previous study, but again learn to feel that there is a need to learn the place.
Web Front end –html:Hypertext Markup Language (hypertext Markup Language)
1. Overall skeleton
<! DOCTYPE html> <html ; <head ; <meta charset =< Span class= "Hljs-value" > "UTF-8" /> <title ; </title ; </head ; <body ; </body ; </html ;
So the whole skeleton is there. We need to modify the decorations.
HTML tags are in pairs appear, there are self-closing tags, such as <br />, tags, speaking of self-closing tags, here is to mention the HTML specification, in fact, the end of the tab can be written so <br>, even now many editors, auto-fill All this is the label. And this is not strict norms in fact as early as in the Html4.0, and then appeared the XML, the language has a strict syntax, since the end of the tag must be written < /> , HTML also want to change to such a grammar, but spilt, There are already a lot of pages that are used Html4.0, so we see that there is a thing XHTML, which is actually a transition from HTML to XML.
Comments:
Common Tags:
Title Tags: h1~h6
Paragraph Tags: <p>
Line Wrapping Label:<br />
Unordered list: <ul><li></li></ul>
Photo:
Inline frame: <iframe src="" name=""></iframe>
Hyperlinks:<a href=""></a>
Table Tags:
<table Border="1px"> <thead> </thead> <tbody> <tr> <TD></td> </tr> </tbody> <tfoot> </tfoot><table>Forms tab:
<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>Cascading Style sheets (cascading style Sheets)
If HTML is the skeleton of a human body, then CSS is used to plump this skeleton
Location of CSS Code:
1. The style property in the tag
2. In the Style tab
3. Introduction of external style sheets *
Grammar:
selector {
attribute: value;
attribute: value;
}
Four types of selectors:
1. Element selector: p, Div
2.id selector: #id
3.class selector:. class
4. Combo selector: #id,. Class
Box Model:
Margins: Margin
Border: Border
Inner margin: padding
Width: Height
Height: Width
Note: The width and height are included in the border and inside the margin, when using the note
Margins, borders, and padding are all available in four directions.
Flaot Floating
Color: The RGB tri-color combination of the # hexadecimal number
Web Front End--html/css
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
