Home > Developer > Web Develop
Non-professional web front-end personnel, if there are errors, please correct me, the following starts to introduce the most basic content of HTML/CSS.
HTML Hypertext Markup Language, like XML, is a markup language rather than a programming language, and HTML has a complete set of markup tags to describe the different controls on a Web page. The following is a brief description of the different label controls.
Label name-----Label Writing
1. Text Display class:
Title-----
Paragraph-----<p>
Inline elements----<span> often nested within paragraphs
Folding Line-----<br/>
Background color-----<body bgcolor= "Yellow" >
Bold-----<b>
Bold-----<strong>+ emphasizes
Italic-----<i>
Italic-----<em>+ Stress
2. List Display class:
Unordered-----UL unordered list Ul+li content
Ordered-----ol have sequence table Ol+li content
Data-----DL Data List DL+DT title +DD content
3. Table Display class:
Table Definition-----Table
Table title-----<caption> Table Title </caption>
Table Row-----TR
Table header-----TH
Tabular Data-----TD
Horizontal alignment-----Align:center, left, right, justify (stretches the line so that each row can have equal lengths)
Vertical alignment-----valign:top, Middle, buttom, Baseline (aligned with the baseline)
Table width ratio-----width
Cross-line-----rowspan
Cross-column-----colspan
Cell border to table border distance-----cellspacing is usually set to 0
Cell data to cell border distance-----cellpadding
Table line Width-----border
Table Line Color-----bordercolor
Table Background Color-----bgcolor
4, Link Jump class:
Web link-----<a herf= "http://www.baidu.com" > page title </a> Remember to add the protocol body HTTP
Mail link-----<a herf= "Mailto:[email protected]" >
New Window link-----<a herf= "url" target= "_blank" >
5. Form Interaction class:
form definition-----Form
Form Grouping-----fieldset
Form Grouping Header-----legend
1> Form input label (value input Class)
<input type= "text" Name= "" >
<input type= "password" name= "" >
2> Form Selection Label (Value selection Class)
Radio-----<input type= "Radio" name= "" value= "" checked= "checked"/> Name
Multi-Select-----<input type= "checkbox" Name= "" value= "" checked= "checked"/> Name
Selector-----<select name= "" >
Option grouping-----<optgroup label= "group title"/>
Options-----Option
3> Form Text Labels
<textarea rows= "" cols= "" ></textarea>
4> Form File Labels
<intput type= "image" src= ""/>
<input type= "file" name= "/>//upload: <input type=" file "name=" Upload "style=" width:500px "/>
5> Form Action label (form action class without name, form input class without value)
Submit-----<input Type= "Submit" value= "" > Event listener on submit in the Action property of form form
Reset-----<input type= "reset" value= "" >
Button-----<input type= "button" value= "" onclick= "JavaScript" > Listener for Button event in the onclick JavaScript statement
6. Frame Frameset
Frame Set-----Frameset
Frame Frames-----Frame frame The two attribute src is used to determine the corresponding HTML file for this frame, name to reference the element in JavaScript, or as the target of the link
COLS defines a vertical column in a frameset that contains several frames and the proportions of each frame set.
Rows defines the proportions of the horizontal rows in the frame collection that contain several frames and the frame that each frame occupies.
cols, rows two properties, which are used to split the frameset, indicate the number of frame frames contained in the frameset, and the scale of the column (cols), Width (rows) of each frame frame. Each frame is a separate HTML file.
Second, CSS to control the style and layout of multiple HTML pages
First, the structure of CSS.
Selector: selector name claim set (claim set by curly braces {}) Selector
Figure: Selector
---not to be continued
[HTML/CSS]---001
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
