Today's Classroom learning Note 02

Garbled situation:

Text document because it is under the window System, and the Chinese Window System encoding is GBK, so the Settings page for Utf-8 will be garbled, so in the editor will also appear

Problem.

Check the address can go to W3school or rookie tutorial.

Entity characters

The following are some common entity characters

Spaces   This compatibility is better   some browsers cannot use

Registered trademarks ®

Copyright ©

Greater than >

Less than <

Double quotes "

& &

Unordered list

UL Li

UL decentralized Li label, and the unordered list will have a solid circle (default) in front of each Li, can be modified to hollow circle, square, using type modification

The type attributes are:

Value	Describe
Circle	Hollow Circle
Disc	The default value. Solid Circle
Square	Solid block

Grammar:

<ul type= "Value" ></ul>

Example:

<ul type= "disc" >
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ul>

Ordered list

Ol Li

The sequence list is the meaning on the materializing, there are ordinal numbers, size letters, Arabic numerals, size Roman numerals, you can also use the Type property to change

Type property:

Value	Describe
1	The default value. Numbers have sequence lists. (1, 2, 3, 4)
A	An ordered list in alphabetical order, lowercase. (A, B, C, D)
A	An ordered list in alphabetical order, capitalized. (A, B, C, D)
I	Roman alphabet, lowercase. (I, II, III, IV)
I	Roman alphabet, uppercase. (I, II, III, IV)

Example:

<ol type= "1" >
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>

There is also a stat in-line attribute, starting from which number.

Example:

<ol type= "1" start= "2" >
<li>1</li>
<li>2</li>
<li>3</li>
<li>4</li>
</ol>

He would start with the number 2.

DL Definition List

Use the term to explain more

<dl>
<dt> title </dt>
<dd> content <dd> .....
<dl>

Form

Table

Divided into three main contents: Thead tbody tfoot

And Thead placed the title content, that is, the head content

and Tbody place the subject content

and Tfoot Place the foot information

Table has an inline attribute border, which sets the edge of the table.

The old way to do Web pages is to use the table to do, that is, in the table of cells to put content, so you can complete the page.

Width setting width

Height Set high

border Specifies the width of the table border

cellpadding Specify white space between the border and the content

cellspacing to specify whitespace between cells

Align alignment

valign Vertical Arrangement Mode

Colspan Merging column cells

RowSpan Merging row cells

Border, cellpadding, and cellspacing are all set in the Table tab. Other tags in the table do not need to use this tag property.

The merged cells of colspan and rowspan are actually the cells that make up the position of the other cells, which is how much the number of cells is.

Combine the above examples:

<table cellspacing= "0" border= "1" cellpadding= ">"
<tbody>
<tr>
<TD rowspan= "2" bgcolor= "#ff760" ></td>
<TD colspan= "2" bgcolor= "#ff660" ></td>
</tr>
<tr>
<td></td>
<TD rowspan= "2" bgcolor= "#ff560" ></td>
</tr>
<tr>
<TD colspan= "2" bgcolor= "#ff460" ></td>
</tr>
</tbody>
</table>

：

Today's Classroom learning Note 02