晚上吃完饭回家,想着煲点汤,睡觉前吃一点,明天早上做早饭把剩下的吃完,洗了热水澡,摸了香香的身体乳,敲笔记记一下今天的总结,想着别锅里的水烧干了,起身看了一下锅,一下子脾气来了,不知道谁给我火关了,我的汤还是一锅水,不开心~~~
今天学的还是html的标签
双标签
<ol>:有序列表标签
<li>是列表项标签
属性:type="列表样式" start="列表起始值"
举例:
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</title>
</head>
<body>
<ol type="A" start="5">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ol>
</body>
</html>
E.第一项
F.第二项
G.第三项
<ul>:无序列表标签
<li>是列表项标签
属性:type="列表样式"
举例:
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</title>
</head>
<body>
<ul type="disa">
<li>第一项</li>
<li>第二项</li>
<li>第三项</li>
</ul>
</body>
</html>
.第一项(此处的点在中间)
.第二项
.第三项
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</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>:预格式文本标签(大量文字输入推荐使用)
<a>:超链接标签
属性:href="链接路径"(也可用#锚名) name="锚名"(特殊锚#top)
举例
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</title>
</head>
<body>
<a href="http://www.w3school.com.cn/">Visit W3School</a>
</body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</title>
</head>
<body>
<a href="https://www.baidu.com/s?rsv_idx=1&wd=%E7%BE%8E%E5%9B%BD%E7%9F%AD%E5%B0%BE%E7%8C%AB&usm=4&ie=utf-8&rsv_cq=%E7%8C%AB%E5%92%AA&rsv_dl=0_left_pet_multi_6829"><img src="timg.jpeg"></a>
</body>
</html>
结合无序列表和<a>链接
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</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>:滚动标签
属性:scrolldelay="滚动延迟"
direction="滚动方向"(上下左右)不要写相对运行方向"
OnMouseOver="鼠标覆盖后效果" this.stop()/this.start()
OnMouseOut="鼠标移开后效果"
OnMouseOver="this.stop()" OnMouseOut="this.start()"
当鼠标放在图片上,图片暂停,鼠标移开后,图片开始滑动
举例
<html>
<head>
<meta charset="UTF-8">
<title>3月21日练习</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>
单标签
:分割线标签
属性:color="颜色" size="粗细px" width="宽度px/百分比%"( 建议写百分比)
举例
<html>
<head>
<title>3月21日练习</title>
</head>
<body>
<hr color="red" size="5" width="50%">
</body>
</html>