HTML的标签语法


HTML的标签语法:1.双标记 <标记>内容</标记>
带属性写法:<标记 属性1=? 属性2=? 属性3=? ……>
内容
</标记>
2.单标记 <标记/> 最常用的单标记是<BR/>(换行)
带属性写法:<标记 属性1=? 属性2=? 属性3=? …… />
3.标记之间存在层级关系。
4.HTML5的标准格式:<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>网页标题</title>
</head>
<body>

</body>
</html>
5.标题标签(常用):<hn>标题</hn>(设置标题字体大小,n的取值范围:1-6)
<hn style="color:red"></hn>(设置颜色属性为红色)
<hn style="text-align:center;"></hn>(居中对齐标题文字)
<hn style="text-align:right"></hn>(靠右对齐标题文字)
<hn style="text-align:left"></hn>(靠左对齐标题文字)
6.换行标签(常用):<br/>
7.段落标签:<p></p>
8.水平线段标签:<hr/>
<hr color="red"/>(设置水平分割线颜色属性为红色)
9.原样显示标签:<pre>显示计算机代码的引用</pre>
10.行内分组标签(常用):<span></span>
11.区域分块标签(重要):<div></div>
12.特殊文字样式标签:1.粗体:<b></b>
2.斜体:<i></i>
3.上标:<sup></sup>
4.下标:<sub></sub>
5.实体符号:&
13.列表标签:1.无序列表(ul 通常用于导航栏、菜单):<ul style="list-style-type:none"> 将列表符号设置为无
<ul>
<li>……</li>
<li>……</li>
<li>……</li>
</ul>
2.有序列表(ol 通常用于导航栏、菜单):<ol>
<li>……</li>
<li>……</li>
</ol>
3.定义列表(dl):<dl>
<dt>定义<dt> <dd>描述</dd>
</dl>
14.超链接标签(常用):<a></a>
<a href="资源地址">链接文字</a>
<a href="#">刷新页面</a>(跳转本页面)
本地链接(用于访问同一台服务器的资源):绝对路径:完整的URL地址
相对路径:相对于当前页面所在位置的路径
URL链接(用于访问其他服务器的资源):绝对路径:完整的URL地址
电子邮件链接:<a href="mailto:[email protected]">电子邮箱</a>
目录链接,既锚点链接
15.图像标签:<img/>(属性src,width,height,alt)
超链接:嵌套超链接标签
16.播放视频标签:<video></video>(仅支持Ogg,MPEG 4,WebM格式)

17.播放音乐标签:<audio></audio>(仅支持)

猜你喜欢

转载自www.cnblogs.com/zhigeJava/p/11838782.html
今日推荐