Front-end knowledge--html, CSS

First, the HTML

<! DOCTYPE html> Document type, determine what rules to use to parse so that the browser knows the type you are using

Head

Meta Charset=utf-8 tells the browser what the encoding is

</> self-closing tags, typically followed by a slash

Title only This is what the user can see

<title name= "WZC" ></title> active closure, as long as the label is written on the xxx=xxx is the property of the label

Refresh and jump

    <meta http-equiv= "Refresh" content= "1"/> Refresh once per second    <meta http-equiv= "Refresh" content= "3; Url=http://www.baidu.com "/> 3 seconds later jump to Baidu

IE compatibility issues

<meta http-equiv= "x-ua-compatible" content= "Ie=edge"/>

Link

Small picture of Icon browser tag

    <link rel= "wzc icon" href= "Www.png" >

Block-level Tags: div tags, h1, p, etc., takes up a whole line

Inline label (inline label): span label, a tag, select, etc., how big are you?

Body, all the content the user can see

Special symbols in HTML are required to use special code.

P Label--paragraph

BR Label--wrap, and self-closing label

A tag--href jump, a tag-specific. Target= "_blank" opens another new window to jump. Anchor-Create href= "#l1" inside the A tag and use id= "L1" in the back Div. #的功能是寻找页面中id =L1 label, place its label at the top of the page, and be aware that the ID cannot be duplicated throughout the page

    <a href= "#l1" > First chapter </a>    <a href= "#l2" > Chapter II </a>    <a href= "#l3" > Chapter III </a>    <div id= "L1" style= "height:500px" > First chapter Content </div>    <div id= "L2" style= "height:500px" > Chapter II Content </div>    <div id= "L3" style= "height:500px" > Chapter III Content </div>

H Tag--is actually the title, corresponding to the size of the title, and H tag only 6, 1-6 is a diminishing process

    
Input Series Tags:
text--input Box
password--Encrypted input Box
radio--Select button, default is not mutually exclusive, need to use name= the same name for mutual exclusion
checkbox--Multi-Select button
file--upload the file, and if you upload the file, you need to add a property in the form: enctype= "Multipart/form-data"
button--button
subimit--submitting the current form
reset--Recharge Form
testarea--can implement multi-line text operation, note function
Select tag: drop-down box, option is the specific drop-down content, multiple select can implement multi-level drop-down box. Multiple can support multiple selections, and can display multiple, plus size can be set by default to see several. Optgroup label= "AAA" title classification function.
form--the content to be submitted is placed in the form label
<! DOCTYPE html>
This directly submits the data to 1.1.1.1:8000.
Label Label--a combination of the displayed content and a feature
UL tags--unordered numbering
OL label--ordinal number
DL Label--title, dt--content
Table Label--the use of TR, TH, thead
<!    DOCTYPE html>
Two ways to use table labels
IFRAME Label
FieldSet label
Second, CSS
1, storage location:
Separate CSS file base
HTML header
High Label Properties
2. Effect
coloer:red;
display:none--hidden.
inline--in-line labels
block--Block level label
inline-block--inline labels, but with block-level label properties
Edge Distance
Margin: margin (does not increase itself)
padding: Inner margin (itself increased)
<! DOCTYPE html>
<! DOCTYPE html>
<! DOCTYPE html>
<! DOCTYPE html>
Front-end knowledge--html, CSS