HTML Section Common Properties

-html Concept : Hyper Text Markup Language ( Hypertext Markup Language )

Html Tag Category: 1 double label 2 single label

relationships between Html tags : 1 nested relationships 2 side-by-side relationships

Html single tag:

Horizontal line marker newline marker <br>

comment Mark <! – Comment Text - ctrl+/

Html Double Tag

- title Tag value 1-6

- Paragraph marks <p></p>

- Text formatting tags :

<font></font> Control Web page text color, size, font.

<strong></strong> and <b></b> text Bold

<em></em> and <i></i> text Italic

<ins></ins> and <u></u> text underline

<del></del> and <s></s> Text Delete lines

<sub> <sup> subscript word / superscript word

image URL" alt="Image can not be displayed when the replacement text" title= "mouse hover when the content displayed" width/height= "XX"/>

<a hrf= "Jump target" target = " Destination window popup _self/_blank" > text or image </a>

<a href= "#" > here for empty chain </a>

Anchor Point:

definition <a id="md"></a>

<a href = "#id" > link text </a>

Note the need for English; The end is not effective.

Special characters	Describe	The Code of the character
	Space character	 
<	Less than sign	&lt;
>	Greater than sign	&gt;
&	and number	&amp;
￥	Renminbi	&amp;
?	Copyright	&copy;
?	Registered trademarks	&reg;
°	Degrees celsius	&deg;
±	PLUS sign	&PLUSMN;
X	Multiplication sign	&times;
÷	Division Sign	&divide;
2	Square 2( superscript 2)	&sup2;
3	Cubic 3( superscript 3)	&sup3;

The listisdivided into:

unordered list Ul

Sequential Table OL

Custom list DL

unordered list ul:

<UL>

<li> list Items 1</li>

</ul>

List-style:none; Cancel list style disc/square/circle/

Sequential Table OL

< OL type = 1/a/a/i/i/start= "2/b/b/ii/ii/" >

< li > </li>

</ol>

Custom list DL

<dl>

<dt>123</dt>

<dt>weqwe</dt>

<dt>qweq</dt>

</dl>

Meta Tag Introduction

There are two types of Meta attributes:name and http-equiv .

<meta name = "Generator" content = "" "> to illustrate the build tool

<meta name = "keywords" content = "" > description of Web page keywords to search engines

<meta name = "description" content = "" > tell Search engine The main content of this site

<meta name = "Author" content = "Your name" > tell the Creator 's name

<meta name = "Robots" content = "All/none/index/noindex/follow/nofollow" >

set to all: The file will be retrieved and the link on the page can be queried;

set to none: The file will not be retrieved, and the link on the page cannot be queried;

set to index: The file will be retrieved;

set to follow: links on the page can be queried;

set to noindex: The file will not be retrieved, but the link on the page can be queried;

set to nofollow: The file will not be retrieved and the link on the page can be queried.

Http-equiv Property

<meta http-equiv= "content-type" content = "text/html"; charset=gb_2312 ">

describe page Properties Coding

<meta http-equiv= "Refresh" content= "5; Url=http://www.123.com "/>

Page Jump

Link label

1: used to reference external CSS

2: Used to refer to the title picture (icon) <link rel = "icon" href = "1.icon" >

Character Set charset

Utf-8 is the most commonly used character set encoding method, and the commonly used character set encoding methods are GBK and gb2312

gb2312 Simple Chinese

GBK contains all Chinese characters in traditional

BIG5 Traditional Chinese

UTF-8 contains the characters that are needed for all countries in the world

Form Table table

The simplest form <table>

<caption> name of the form </caption>

< tr >

<th> Bold Center </th>

<td> General </td>

</tr>

</table>

< table border = "0" > Border

< table cellspacing = "0" > distance between cell and cell

< table cellpadding = "0" > distance between text and cells

< table width= "0" > Width

< table height= "0" > height

< table align= "Lift/right/center" > alignment

< table bgcolor= "white/red/..." > background color

Structure of the table

When you use a table for layout, you can divide the table into headers, bodies, and footers, specifically is as follows:

<thead></thead>: The header used to define the table must be in the <table></table> tag, which typically contains the page's head information such as logos and navigation.

<tfoot></tfoot >: Footer for defining a table, in <table></table> tags < After the thead></thead> Mark , it usually contains the enterprise information at the bottom of the webpage.

<tbody></tbody>: The body used to define the table, located in the <table></table> tag <tfoot ></tfoot > tag, it usually contains the contents of the page except the head and the bottom.

Colspan Merge same row rowspan merge same column

form Form

Form controls: Contains specific form feature items, such as a single-line text entry box, password entry box, check box, submit button, reset button, and so on.

Tip: A form often needs to contain descriptive text that prompts the user to fill out and manipulate.

form fields: He is the equivalent of a container that accommodates all form controls and prompt information, through which he defines the URL address of the program used to process the form data , and how the data is submitted to the server. If you do not define a form field, the data in the form cannot be transferred to the background server.

<from name = "From_name" action = "url" method = "Get/post" > ...</form>

Name: Define the names of the forms

Method : Transfer By default get

Action : Specifies the location of the form handler (server-side script handler)

FieldSet : Grouping The forms

Legend : Group name

Input Control

< Input type = " control type " >

Control Syntax	meaning
<input type= "text" Name= "" >	Text input Box
<input type= "Password" >	Password entry box
<input type= "Radio" name= "Gender" >	Radio Box
<input type= "checkbox" >	check box (multi box)
<input type= "File" >	File Upload Control
<input type= "button" >	Normal button value to set the display text

Textarea Controls

TextArea controls make it easy to create multi-line text input boxes

<textera cols = "Number of characters per line" rows = " rows displayed " > text hints </textera>

Select Control

To make a drop-down menu

<select size = " Specify visible options for drop-down menus " multiple = "multiple">

<option > options 1</option>

<option selected = "Selected" > options 2</option>

</select>

<fieldset>

<!-- table name --

<legend> account information </legend>

<!-- the contents of the table--

<font color= "Red" size= "2" >*</font> user name : <input type= "Text" ><br><br>

<font color= "Red" size= "2" >*</font> secret code:<input type= "Password" >

<br><input type= "Radio" checked= "checked" > men <br>

<input type= "Radio" > female

</fieldset>

<fieldset>

HTML Section Common Properties