02html list, the table structure ,, HTML5 elements, iframe inline frames, special symbols

Disclaimer: This article is a blogger original article, follow the CC 4.0 BY-SA copyright agreement, reproduced, please attach the original source link and this statement.

This link: https://blog.csdn.net/Denial_learn/article/details/100153382

List:

• Unordered list:

format:

<ul>
      <li></li>
      <li></li>
 </ul>

Example:

<ul>
      <li>范冰冰演藏族女孩</li>
      <li>撞死两个人后自拍</li>
      <li>诗隆甜蜜出游</li>
      <li>一线城市楼市退烧</li>
 </ul>

Results:

which type method by adding a label inside, fill in method:

1. none is to remove the small dots in front of
2. circle Hollow circle
3. disc solid circles, the default
4. square square

Unordered list of characteristics :

• No order, each <li> tag on a separate line (block element)
• Default <li> tag item has a solid front of small dots
• The type generally used for unordered lists, such as navigation, sidebar news, regular combination of graphic modules, etc.
• Ordered list:

format:

<ol>
  <li></li>
  <li></li>
</ol>

Example:

<ol>
  <li>范冰冰演藏族女孩</li>
  <li>撞死两个人后自拍</li>
  <li>诗隆甜蜜出游</li>
  <li>一线城市楼市退烧</li>
</ol>

Result: The

properties of an ordered list :

• Sequential, each <li> tag on a separate line (block element)
• Default <li> tag before the entry order flag has
• Generally used to sort the list type, such as papers, questionnaires and other options
• Definition lists:

format:

<dl>
    <dt></dt>
    <dd></dd>
</dl>

grammar:

<dl>
    <dt>水果</dt>
    <dd>苹果</dd>
    <dd>桃子</dd>
    <dd>李子</dd>
</dl>

Result: The

definition of a list of features :

• No order, each <dt> tags, <dd> tag on a separate line (block element)
• The default is not marked
• There is a case or more generally for a list of items under the heading

The contrast between the list:

form:

Why use the form :

• Simple common
• stable structure

The basic structure :

• Cell
• Row
• Row
• Form: header, body, and table legs Table

table tag thead table header tag tbody table body tag label tfoot table leg

caption table header row colspan rowspan combined merged column
across columns: colspan = "number of cells across the lateral"
interbank: rowspan = "number of cells across the longitudinal"
format:

<table>
	<tr><th></th></tr>
	<th><td></td></th>
<\table>

or:

<table>
		<caption>表格标题</caption>
		<thead>
				<tr>
						<th>表格头</th>
				</tr>
		</thead>
		<tbody>
				<tr>
						<td>内容</td>
				</tr>
		</tbody>
</table>

Example:

<table border="1">
			<tr><th>总页面流量</th><th>共计来访</th><th>会员</th><th>游客</th></tr>
			<tr><td align="center" rowspan="2">4534561</td><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td><td align="center">4534561</td></tr>
			<tr><td>平均访问量</td><td colspan="3"></td></tr>
		</table>

The results:

style = "border-Collapse: Collapse" border merger, if adjacent, then a box separate public default values, not border merger

HTML5 structural elements:

Example:

<header><h2>网页头部</h2> </header>
 <section><h2>网页主体部分</h2></section>
 <footer><h2>网页底部</h2></footer>

result:

Inline Frame:

format:

<iframe src="path" name="mainFrame" ></iframe>
src：引用页面地址				name：框架标识名

Note:
you can set a value of src attribute http://www.henansoft.com.cn, in this web page can also open a line

Achieve mutual jump between pages:

1. Plus the name attribute in the frame is opened

<iframe name=“mainFrame” src=“subframe/the_second.html” />

2. Set target property on the target window for the hyperlink you want to display the name of the window frame

<a href="subframe/the_second.html "target="mainFrame"> below show the second page

Example:

		<a href="left.html" target="aaa">左边</a>&nbsp;
		<a href="right.html" target="aaa">右边</a>&nbsp;
		<a href="top.html" target="aaa">底部</a><br />
		<iframe name="aaa" scrolling="no" src="" height="400px" width="100%"></iframe>

:( click upper renderings will be different effects)

detail behind learning, summary.

Special symbols:

字符		实体名称		代码
“			双引号		"
’			右单引号		’
©(Alt+169)	版权符号		©
&	 					&
Empty space	不间断空格	 
——(Shift+ -)长的短划线	—
|			竖条		|


字符	代码
⇠	 	⇠
⇢ 	 	⇢
⇡	 	⇡
⇣	 	⇣
←	 	←
→	 	→
↑	 	↑
↓	 	↓
↔	 	↔
↕	 	↕
⇄	 	⇄
⇅	 	⇅
⇵	 	⇵
⇦	 	⇦
⇨	 	⇨
⇧	 	⇧
⇩	 	⇩
↷	 	↷
↶	 	↶
↺	 	↺
⟳	 	⟳
⟲	 	⟲
↵	 	↵
↯	 	↯
➔	 	➔
➙	 	➙
➨	 	➨
➟	 	➟
➠	 	➠
➤	 	➤
«	 	«
»	 	»
≠	 	≠
®	 	®
℗	 	℗
¥		&#

 
☑      ☑
☒	 	☒
✓ 	 	✓
✔	 	✔
✕	 	✕
✖	 	✖
✗	 	✗
✘	 	✘
☻	 	☻
☺	 	☺

More identifiers, reference: front end wizard