HTML Getting Started tutorial, years of painstaking summary, a look will

The author in Wuhan Ma Hoof Software Service Center to do software development for many years, recently spent a day to summarize a set of HTML entry-level tutorials, the whole without any nonsense, all is the essence, I hope you get started web development has some help.

HTML basic format

　　

Common tags
1, note tags: <!---->
2, title tag:
3, Space tag:
4, paragraph label:<p></p>
5, Horizontal:
6, split the line:<br/>
7,<:&lt >:&gt &:&amp
8, Picture Tags: 
Property
1, appears as a key-value pair
2, attribute values are enclosed in quotation marks.
3, multiple attributes are separated by spaces

1,align= "(alignment) left"
Left, right, center

2,noshade= "NoShade" (with or without shadows)
3,color= "(color) Red or #ff00ff"
Black, White, Purple, Blue, Teal, Green, Yellow, Red, Lime, Aqua, Fuchsia, Olive, Gray, Silver, Navy
4,width= "(width) 160 or 50%"
5,size= "(height) 100"
Image label ()
1,src= "URL"
2,alt= "Replace text"
3,width and height= "width and height" (fill only one, equal to scale)
4,border= "Border Size"

Font label (<font/>)
1,size= "N or +n or-n"
1--7 size Increment (default = 3) "+/-n plus minus on 3"
2,face= "(font name) in italics"
Some fonts on your computer
3,color= "(color) Red or #ff00ff"
Black, White, Purple (violet), Blue, Teal (cyan), green, Yellow, Red, Lime (lemon, lime), Aqua (light green), fuchsia (fuchsia), Olive (Olive), gray (Gray), Silver ( Silver), Navy (Navy)

Physical font
1,<b>---Bold
2,<i>---Italic
3,<u>---Underline
4,<sup>---Superscript
5,<sub>---Subscript
6,<s>---Strikethrough
7,<tt>---equal width font

Logical font
1,<em>---Italic
2,<strong>---Bold

Relative path
1, sibling directory---. \ or do not write
2, parent directory---.. \
3, the console goes back to the parent directory---CD.
4, console back to the root directory---cd/

Pre-defined format text (<pre></pre>)
1, usually preserves spaces and line breaks, and text is rendered in equal-width font
2, used with <code> for more precise semantics
3, tab is not recommended

Marquee label (unused)
1, used to display the movement of the element
2,direction Properties, setting direction
Left, right, up, down
3,behavior Properties, setting mode
Scroll, Slide, altermate

HTML hyperlinks
1, syntax (<a href= "URL" >......</a>)
2, ... can be words, words, sentences, graphs
3, two ways of linking
① Link to another document
② jump to a specified location
<a name= "(Mark) Mark" at---specified location >
---jump at <a href= "#mark" >......</a>
4. Create an email link
①url format:
mailto: Recipient mailbox name? (Parameters after message arrival) subject= Topic name &body= message content
② need to install mail client

Body Property
1,text---text color
2,link---Click Front link color
3,alink---link color when clicked
4,vlink---Click Post link color
5,bgcolor---background color
6,background---background image

HTML list
1, unordered list (<ul></ul>)
①type Property Optional Value
Disk (.), Circle (. ), Square (?)
②<li> items to be listed </li>
2, with sequence list (<ol></ol>)
①type Property Optional Value
A, a, I, I, 1
②<li> items to be listed </li>
3, custom list
①<dl> definition List </dl>
②<dt> Defining Terms </dt>
③<dd> Definition Term Interpretation Section </dd>

HTML table
1, grammar
<table border= "1" >
<tr>
<td> cell Contents </td>
</tr>
......
</table>
2, <td colspan= "3" ></td>---The item spans 3 columns
3,<TD rowspan= "3" ></td>---The item spans 3 rows
Properties of the 4,table
①bgcolor---background color
②border---Border
③bordercolor---border color
Bordercolorlight---border bright part color
Bordercolordark---Border Dim part color
④width---border width
⑤height---border height
⑥cellspacing the size of the interval between---cells
⑦cellpadding---The size of the spacing between cell borders and content
Properties of the 5,TD
①align---Horizontal to its way (left, center, right)
②valign---longitudinal to its way (top, middle, bottom)
③bgcolor---background color
④width---cell width
⑤height---cell height
⑥colspan---The number of columns that the cell spans
⑦rowspan---The number of rows that the cell spans

HTML form
1, basic format
<form>
Put the data to be transferred
</form>
2, Common forms
①text---Single-line text input box
②password---Password box
③radio---radio button
Generally not point, to be grouped before you point
Grouping is about setting its Name property to the same
④checkbox---check box
⑤select---drop-down list (ComboBox or ListBox)
<option> Options </option>
Size Property (default = 1[combobox], non-1[listbox])
Multiple Property---Multiple selection (ctrl)
⑥reset---reset button
⑦submit---submit button
⑧textarea---Multi-line text box
3, basic format of form elements
<input name= "FORM element name" type= "(type) Submit" value= "initial value" size= "Display width (initial width)" maxlength= "Maximum length (maximum number of characters)" checked= "Check if"/>
Common Properties of 4,form
①action---Represents the committed target server
②method---Submitted method (get[default], POST)
5, Button label (<input type= "button"/>)
6, Image label (<input type= "image" src= "URL"/>)
The x, y coordinates of the form data can be returned after clicking on it instead of submit
7,<input type= "file"/> can import the path of files
HTML Getting Started tutorial, years of painstaking summary, a look will