晚上吃完飯回家,想著煲點(diǎn)湯,睡覺前吃一點(diǎn),明天早上做早飯把剩下的吃完,洗了熱水澡,摸了香香的身體乳,敲筆記記一下今天的總結(jié),想著別鍋里的水燒干了,起身看了一下鍋,一下子脾氣來了,不知道誰給我火關(guān)了,我的湯還是一鍋水,不開心~~~
今天學(xué)的還是html的標(biāo)簽
雙標(biāo)簽
<ol>:有序列表標(biāo)簽
<li>是列表項標(biāo)簽
屬性:type="列表樣式" start="列表起始值"
舉例:
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<ol type="A" start="5">
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ol>
</body>
</html>
E.第一項
F.第二項
G.第三項
<ul>:無序列表標(biāo)簽
<li>是列表項標(biāo)簽
屬性:type="列表樣式"
舉例:
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<ul type="disa">
<li>第一項</li>
<li>第二項</li>
<li>第三項</li>
</ul>
</body>
</html>
.第一項(此處的點(diǎn)在中間)
.第二項
.第三項
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<ul type="disc">
<a href="www.baidu.com"><li>百度</li></a>
<a href="www.google.com"><li>google</li></a>
<a href="www.sogou.com"><li>搜狗</li></a>
</ul>
</body>
</html>
<pre>:預(yù)格式文本標(biāo)簽(大量文字輸入推薦使用)
<a>:超鏈接標(biāo)簽
屬性:href="鏈接路徑"(也可用#錨名) name="錨名"(特殊錨#top)
舉例
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<a >Visit W3School</a>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<a ><img src="timg.jpeg"></a>
</body>
</html>
結(jié)合無序列表和<a>鏈接
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<ul type="disc">
<a href="www.baidu.com"><li>百度</li></a>
<a href="www.google.com"><li>google</li></a>
<a href="www.sogou.com"><li>搜狗</li></a>
</ul>
</body>
</html>
<marquee>:滾動標(biāo)簽
屬性:scrolldelay="滾動延遲"
direction="滾動方向"(上下左右)不要寫相對運(yùn)行方向"
OnMouseOver="鼠標(biāo)覆蓋后效果" this.stop()/this.start()
OnMouseOut="鼠標(biāo)移開后效果"
OnMouseOver="this.stop()" OnMouseOut="this.start()"
當(dāng)鼠標(biāo)放在圖片上,圖片暫停,鼠標(biāo)移開后,圖片開始滑動
舉例
<html>
<head>
<meta charset="UTF-8">
<title>3月21日練習(xí)</title>
</head>
<body>
<marquee scrolldlay="10" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<img src="timg.jpeg" width="350px" hight="500px" >
</marquee>
<marquee scrolldlay="10" direction="right" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<img src="timg.jpeg" width="350px" hight="500px" >
</marquee>
<marquee scrolldlay="10" direction="right" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<marquee scrolldlay="10" direction="up" OnMouseOver="this.stop()" OnMouseOut="this.start()">
<img src="timg.jpeg" width="350px" hight="500px" >
</marquee>
</body>
</html>
單標(biāo)簽
:分割線標(biāo)簽
屬性:color="顏色" size="粗細(xì)px" width="寬度px/百分比%"( 建議寫百分比)
舉例
<html>
<head>
<title>3月21日練習(xí)</title>
</head>
<body>
<hr color="red" size="5" width="50%">
</body>
</html>