html中的一些标签学习
发布时间：2025-06-17 点击：2
今天看手册学习到了html5很多属性。现在总结如下
<body bgcolor=bed1a2 text=ffffff link=yellow alink=red vlink=blue>
background用来设定页面的背景，后面是图片的地址
bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字
text 用来设定没有超链接的字体颜色
link用来设定超链接的字体颜色
alink 用来设定超链接点击时的颜色
vlink用来设定超链接点击过后的字体颜色
<a href=” www.baidu.com” > 百度</a>
<a name=” www.baidu.com”>页面跳转的地方</a>
<nav>用来将具有导航性质的链接划分到一起如
<nav>
<a href=” #” > 百度</a>
<a href=” #” > 百度</a>
<a href=” #” > 百度</a>
</nav>
h<sub>2</sub>so<sub>4</sub>
<sub>是下标所使用的标签</sub>
<sup>是上标所使用的标签</sup>
分别从标题一到标题六。字体逐渐缩小，并自动换行
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<img src=1.jpeg width=500 height=auto>
img是插入图片的标签，width为图片的宽度。height为图片的高度可以为其填写数值，也可以填写auto（按比例缩放）src中“为图片的地址和后缀名”
<font size=5px font color=”red”>这是一个关于百度的网站</font>
size定义字体的大小，后跟px（像素）
color定义字体的颜色
换行 <br/>
水平分割线<hr>
<!-- 颜色为红色的水平线 -->
<hr color=red/>
<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->
<hr align=left/cener/right />
<!-- 宽度为50%的水平线 -->
<hr width=50%/>
<!-- 高度为50像素的水平线 -->
<hr size=50/>
<!-- 去掉阴影的水平线 -->
<hr noshade=noshade>
附代码
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>20161017</title>
</head>
<body bgcolor=bed1a2 text=ffffff link=yellow alink=red vlink=blue>
<h1>枫桥夜泊</h1>
<h5>张继</h5>
<h3>月落乌啼霜满天，</h3>
<h3>江枫渔火对愁眠。</h3>
<h3>姑苏城外寒山寺，</h3>
<h3>夜半钟声到客船。</h3>
<a href=www.baidu.com >baidu</a></br>
跳转到页面的另外一个地方:</br>
<a name=www.baidu.com>111</a></br>
h<sub>2</sub>so<sub>4</sub><br/>
<img src=1.jpeg width=500 height=auto><br/>
<img src=5.jpg align=top> 实例 <br/>
<img src=5.jpg align=middle> 实例 <br/>
<img src=5.jpg align=bottom> 实例 <br/>
只有一行文字才可以放在图象的两边。
<!-- 边框像素为15的图片 -->
<img src=5.jpg border=15/>
<br/>
<font size=5px font color=red>这是一个关于百度的网站</font><br/>
<font size=20px>这是一个关于百度的网站</font><br/>
<!-- 颜色为红色的水平线 -->
<hr color=red/>
<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->
<hr align=left/cener/right />
<!-- 宽度为50%的水平线 -->
<hr width=50%/>
<!-- 高度为50像素的水平线 -->
<hr size=50/>
<!-- 去掉阴影的水平线 -->
<hr noshade=noshade>
<div align=left border=1px >
你知道我在等你吗<br>
你可能不懂
</div>
</body>
</html>
营销型网站的关键绩效指标
微信公众号订阅号与服务号的区别
网站怎么做才能更好的留住访客
修改网站标题对SEO有什么影响?
网络建设做到这些企业网站更具吸引力
营销型网站建设到底好在哪里？
泸州网站建设公司告诉您定制网站开发有哪些流程
什么是客户管理系统（CRM）？有什么作用？
<body bgcolor=bed1a2 text=ffffff link=yellow alink=red vlink=blue>
background用来设定页面的背景，后面是图片的地址
bgcolor 用来设定页面的背景颜色。后面是颜色或者十六进制数字
text 用来设定没有超链接的字体颜色
link用来设定超链接的字体颜色
alink 用来设定超链接点击时的颜色
vlink用来设定超链接点击过后的字体颜色
<a href=” www.baidu.com” > 百度</a>
<a name=” www.baidu.com”>页面跳转的地方</a>
<nav>用来将具有导航性质的链接划分到一起如
<nav>
<a href=” #” > 百度</a>
<a href=” #” > 百度</a>
<a href=” #” > 百度</a>
</nav>
h<sub>2</sub>so<sub>4</sub>
<sub>是下标所使用的标签</sub>
<sup>是上标所使用的标签</sup>
分别从标题一到标题六。字体逐渐缩小，并自动换行
<h1></h1>
<h2></h2>
<h3></h3>
<h4></h4>
<h5></h5>
<h6></h6>
<img src=1.jpeg width=500 height=auto>
img是插入图片的标签，width为图片的宽度。height为图片的高度可以为其填写数值，也可以填写auto（按比例缩放）src中“为图片的地址和后缀名”
<font size=5px font color=”red”>这是一个关于百度的网站</font>
size定义字体的大小，后跟px（像素）
color定义字体的颜色
换行 <br/>
水平分割线<hr>
<!-- 颜色为红色的水平线 -->
<hr color=red/>
<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->
<hr align=left/cener/right />
<!-- 宽度为50%的水平线 -->
<hr width=50%/>
<!-- 高度为50像素的水平线 -->
<hr size=50/>
<!-- 去掉阴影的水平线 -->
<hr noshade=noshade>
附代码
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>20161017</title>
</head>
<body bgcolor=bed1a2 text=ffffff link=yellow alink=red vlink=blue>
<h1>枫桥夜泊</h1>
<h5>张继</h5>
<h3>月落乌啼霜满天，</h3>
<h3>江枫渔火对愁眠。</h3>
<h3>姑苏城外寒山寺，</h3>
<h3>夜半钟声到客船。</h3>
<a href=www.baidu.com >baidu</a></br>
跳转到页面的另外一个地方:</br>
<a name=www.baidu.com>111</a></br>
h<sub>2</sub>so<sub>4</sub><br/>
<img src=1.jpeg width=500 height=auto><br/>
<img src=5.jpg align=top> 实例 <br/>
<img src=5.jpg align=middle> 实例 <br/>
<img src=5.jpg align=bottom> 实例 <br/>
只有一行文字才可以放在图象的两边。
<!-- 边框像素为15的图片 -->
<img src=5.jpg border=15/>
<br/>
<font size=5px font color=red>这是一个关于百度的网站</font><br/>
<font size=20px>这是一个关于百度的网站</font><br/>
<!-- 颜色为红色的水平线 -->
<hr color=red/>
<!-- 对齐样式（左/居中/右）和水平线的宽度结合使用 -->
<hr align=left/cener/right />
<!-- 宽度为50%的水平线 -->
<hr width=50%/>
<!-- 高度为50像素的水平线 -->
<hr size=50/>
<!-- 去掉阴影的水平线 -->
<hr noshade=noshade>
<div align=left border=1px >
你知道我在等你吗<br>
你可能不懂
</div>
</body>
</html>
营销型网站的关键绩效指标
微信公众号订阅号与服务号的区别
网站怎么做才能更好的留住访客
修改网站标题对SEO有什么影响?
网络建设做到这些企业网站更具吸引力
营销型网站建设到底好在哪里？
泸州网站建设公司告诉您定制网站开发有哪些流程
什么是客户管理系统（CRM）？有什么作用？