5.28
Links tab
<a href>
core property is the href attribute value can be a jump address
for any thing with the path
href; inside the content is the path
absolute path: from the beginning of the letter, to be followed down to find
the absolute path divided into local servers and
local: C: Users / Administrator / 0527day01 / 07.html
server: HTTPS: //www.baidu.com/
192.168.1.1 / 127.0.0.1
www.baidu.com
relative path: from the current document, If you write directly to the next level directory folder, one level with ... represents
letter root path: you can jump directly to the current file in the root directory of all of the letters "/"
server under the
local under
Image tag
img within our first line of the contact block tags
row tag may be provided within the block width and height can not be set centered left or right within a row.
src path image
alt picture does not show up when the time will show
pictures Loading ... Loading time
when the wrong path picture
width Image width
height Image height
align alignment settings
Communication between the front and rear
1.form submission
2.ajax submission
Core Tags: function only submitted, without any style
form attributes:
address action submitted by the end of the address of the service is usually, if not written, to default local submit
manner submission method, get / post if you do not get written submission to
input button all lines in the block content label can be set only one line of
input form the core of the label is to change the style of the show by modifying the type attribute of the input tag
address? Content behind a parameter indicative of, our ultimate goal is to make the necessary parameters to send to the back end wants to send parameters, input must contain name is a
property name = "username" name = " userpwd"
Each of the group must contain the same name attribute
value input of a property, value property can be used to optimize
checked the default option, when the attribute name is equal to the value of the property when you can just write the attribute name is the need to select a
checkbox checkbox type of
radio radio button
select drop-down box
textarea text area
css learning
html structure that hosts the content
css styles Cascading Style Sheets
JavaScript behaviors
The use css ()
the line pattern 1 (inline styles)
2. page embedded (internal style sheet)
3. external file (an external style sheet)
4. introducing external style
css :( grammar symbols are in English)
selector {
attribute name 1: 1 attribute value;
property name 2: attribute value 2;
...
}
1. The inline style (inline styles)
<tag style = "attribute name 1: 1 attribute value; property name 2: attribute value 2; ..."> </ tab>
2. embedded in the page (internal style sheet)
increase in the head tag inside a sub-tag
<style>
selector {
attribute name 1: 1 attribute value;
property name 2: attribute value 2;
...
}
</ style>
3. The external file (an external style sheet)
in the head tag which add a child tag
<link rel = "stylesheet" href = " file path css" />
4. External introducing pattern
mainly in style initialization. Because there are some labels have their own style, we need to be emptied to facilitate their computing
css ------ selector
ID selector
using the selector id: id add an attribute in the elements above, the id attribute value of the attribute not start with a number of
a page can only have an id attribute value
represents the css id selected the method is represented by #
class selector
using the class selectors: a class attribute increased on an element, an attribute value of the class attribute does not start with a number
a page can have multiple class attribute value
. css representation by the representation of the class selector
the tag selector to write directly to the tab name
combination selector selector used directly, can be separated
progeny selector> only for progeny
descendant selectors used space, said progeny contains the selectors
universal selector * for all labels
<style type = "text / css ">
the provisions of the document is text type and CSS type
<div class = "div02" id = "div02" style = "width: 10px; height: 10px; background-color: # 000;"> nice day
</ div>
width and set up another job which is directly inline style
The right to choose is heavy
inline style 1000
the above mentioned id 100
class 10
elements 1
General 0
BOSS! Important long appeared, mainly to the
higher the weight, style, part of the conflict on to the high weight of the main, not to say that this choice It does not use, but which conflicts style
heavy weights just only as a reference
to calculate the weight
does not require the tube and progeny
If the weights are the same, the principle of proximity. Whichever is later defined
text-align: right; the text of their way
text-decoration: underline; text underlined
color: # f00; set the font color
line-height: 166.67px; line-height of the text
line of text height occupied, let him down the middle
font-family: "Microsoft YaHei" ; set the font style: Times New Roman, italics ... go to Baidu, the English translation of
font-family: "Times New Roman"; themselves to Baidu to find the corresponding English Song, space-saving
font-style: italic ; Specifies whether italic
font-weight: Bold;
font-size: 16px; set the font size
in the browser, the default font size of 16px
Google browser minimum font size is 12px can
not limit Firefox
.div01: hover {/ * 10 + 10 * / hover pseudo class selector called
background-color: # ff0; when you put up when the mouse will change into another way
}
weights 10
cursor: none; / * set the mouse style * /
the display: block; / * elements are divided into three categories, display elements arranged
inline row within
the block-level block
row-block within the block inline
none None
Ordered list and unordered lists the basic need in the actual development
<ul> </ ul> < ol> </ ol> <li> </ li>
are block-level tag
opacity: 0.1; range of values is between 0-1, and may be 0. 1
background-Color: RGBA (255,0,0,0.1); The last parameter indicates a transparency value in the range 0-1 between 0 and 1 may be
border = "n" properties: a rough table border set, the thickness is represented by n.
witdth = "700px": represents a cell width
height = "500": represents the height of the cells
align = "center": indicates the alignment, center is centered
<table border = "1px" width = "700px" height = "500px" align = "center" >
phrase table indicates the thickness of frame 700 is a high width 500 centered
tab 2.table
<Caption> my title </ caption>: represents the table title tag
<tr>: indicates a row tag
<td>: represents the column labels
<p>: paragraph tag
<ul>: list tag
<li>: list of tags
JS jump about the following ways:
Jump to a first :( b.html)
<Script Language = "JavaScript" type = "text / JavaScript">
window.location.href = "b.html";
</ Script>
second return :( a page)
<Script Language = "JavaScript">
window.history.back (-1);
</ Script>
third:
<Script Language = "JavaScript">
window.navigate ( "b.html");
</ script>
fourth:
<Script Language = "the JavaScript">
self.location = 'b.html';
</ script>
fifth:
<Script Language = "JavaScript">
top.location = 'b.html';
</ script>