Summary of the first week of soft training,

Summary of the first week of soft training,

Some notes to remember:

Day1 HTML format and simple tag:
General html file format:
1 
Charset sets character encoding to avoid garbled Chinese content on the page.
 If the tag is not closed, you need to slash "/" at the end. If the alt attribute is unavailable, you can use the title attribute instead. The align attribute can set whether the image in a paragraph is left or right, the width and height attributes are also used to set the Photo size.
<Ol> ordered list <ul> unordered list can all be set with type:
<Ol> the default type is 1, and there are A and other styles, <ul> do not want to set the type to none for small black spots.
Classification List <dl> <dt> <dd> classification list, which can be included in <dd> <ul> <ol>
<H1> <p> the label is not described.
Day2 <table> label:
<Table> general format:
1 <table cellpadding = "0" cellspacing = "0" border = "1"> 2 <tr> 3 <td> a </td> 4 <td> a </td> 5 <td> a </td> 6 </tr> 7 <tr> 8 <td colspan = "2"> span two rows </td> 9 <td rowspan = "2"> boast two columns </td> 10 </tr> 11 <tr> 12 <td> a </td> 13 <td> a </td> 14 </tr> 15 <tr> 16 <td colspan = "3"> 17 the last row spans 3 rows 18 </td> 19 </tr> 20 </table>
The running result is shown in the following figure:
Cellspacing is the outer margin of the table, that is, the spacing of each cell, and cellpadding is the inner margin of the cell. <td> the colspan and rowspan are the number of rows and the number of columns, respectively,
The cell size changes with the content. The fixed size is useful for text and useless for blocks and elements. The cell size can be fixed for block elements.
There are also some special characters such as & copy; indicating the copyright number, & lt; indicating <, & gt; indicating>... other help documents that can be found
Day3 form tag <form>:
<Form> A tag is used to create a form, which generally has the method and action attributes. Methods include GET and POST methods. Generally, POST is used. Post is safer.
1. get is to get data from the server, and post is to send data to the server. Get is the default method.
2. get is to add the parameter data queue to the URL referred to by the ACTION attribute of the submission form. The values correspond to each field in the form one by one and can be seen in the URL. Post uses the HTTP post mechanism to place fields in the form and their content in the html header and send them to the URL address referred to by the ACTION attribute. You cannot see this process.
3. For the get method, the server uses Request. QueryString to obtain the value of the variable. For the post method, the server uses Request. Form to obtain the submitted data.
4. The data volume transmitted by get is small and cannot exceed 2 kb. The amount of data transmitted by post is large, which is generally not restricted by default. Theoretically, the maximum size of IIS4 is 80 KB, and that of IIS5 is 100KB.
5. Low get security and high post security. However, the execution efficiency is better than the Post method.

Suggestion:
1. The get method is more secure than the Post method. If it contains confidential information, we recommend that you use the Post data submission method;
2. We recommend that you use the Get method when querying data. We recommend that you use the Post method when adding, modifying, or deleting data;
More detailed usage: http://blog.163.com/llf_046/blog/static/527371192009224022140/
The action attribute specifies a url, which is forwarded to this page after the user submits the url.
<Input/> the tag is not closed. Common Values of its type attribute include text, password, radio, checkbox, submit, reset...
More type values: http://www.w3school.com.cn/html5/att_input_type.asp
When writing a <input/> tag, you must have the habit of writing the name attribute, which makes it easier to get the value. When radio writes a single shard, the same name should be set for the same group of single partitions to achieve single choice, and checked can
Set to selected by default.
Readonly can be set to read-only, and placeholder can be set to a gray Description field.
Day4 DIV frame and css:
The left is a reference diagram of the important attributes of the div layout.
Div is a block-level element. You can set the size, background, border, and so on. You can also set the float floating attribute to achieve a side-by-side layout. You must set the float attribute for all the divs that require typographical layout.
The divmargin-top attribute in the div has no effect. You can set the padding-top attribute of the parent DIv instead.
Frame
Frame is a framework that allows you to place several different HTML pages on a page. The code format is as follows:
 1 
:
Note that the <body> label is not required if the framework is used.
For example, if the attribute value of the hyperlink target in framework B is set to a, and the name attribute of framework C is set to a, the navigation effect can be achieved, and the page of the hyperlink in framework B is displayed in framework C.
 
Css
Css is to package the label style together in the head or separate css files, and then
<Link href = "css file path" type = "text/css" rel = "stylesheet"> import a css file
Css naming convention: http://www.cnblogs.com/WebShare-hilda/p/4686067.html
There are also some useful styles that are hard to remember:
Circle at the four corners of the border: border-radios: 5px;
Shadow: box-shadow: 0px 0px 3px black inset; optional built-in shadow
Gradient: background: linear-gradint (to position (for diagonal gradient, write two positions right bottom), start color, end color)
There are others that are not very familiar with future query documents