基本HTML标签总结
【摘要】
html（静态页面）超文本标记语言，在web应用广泛尤其是在网站上，几乎我们访问的网站都是有html页面组成的。当然这几年互联网的发展使网页的兼容性和美观上优化了很多。
当然现在的网站页面已经不是...
html（静态页面）超文本标记语言，在web应用广泛尤其是在网站上，几乎我们访问的网站都是有html页面组成的。当然这几年互联网的发展使网页的兼容性和美观上优化了很多。
当然现在的网站页面已经不是（静态的了），比如php，asp.net等等这些语言都可以写动态的网站页面。 接下来本博主就来稍微的嘚瑟一下html标签（虽然知道的少但是勇于嘚瑟。）0每个双标签都有开始和结束，也有单标签。
接下来就介绍一下基本的页面的结构
<html>//开始
<head>显示网站的标题和检索内容等等</head>
<body>
里面写网站内容
</body>
</html>//结束
1. <caption>用来制作表格的标题</caption> 标题标签
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
<table border="1" width="300" height="300">
<caption>标题</caption>
<tr>
<td>1</td> //caption在表格里面使用
<td>2</td>
</tr>
<tr>
<td>3</td>
<td>4</td>
</tr>
</table>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
2.<table> 表格，早期用于网页布局。（现在使用DIV+CSS）
<tr> //行
<th></th>//列
</tr>
</table>
- 1
- 2
- 3
- 4
- 5
<table border="1" width="300" height="300">
<caption>标题</caption>
<tr> //两行两列
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
- 11
3.<p>段落标签</p> 用于一行的结束，就想唐诗一样每行之间都有一定的距离（大小后期可以通过css来调）
- 1
<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>
- 1
- 2
- 3
4.<ol>有序列表
<li></li> 列表项
</ol>
- 1
- 2
- 3
<ol>
<li></li>
<li></li>
<li></li>
</ol>
- 1
- 2
- 3
- 4
- 5
5.<ul>
<li></li>列表项
</ul>无序列表
- 1
- 2
- 3
<ul>//有序和无序建议都要有缩进。
<li></li>
<li></li>
<li></li>
</ul>
- 1
- 2
- 3
- 4
- 5
6.<h1>-<h6>标题标签
- 1
<h1>1</h1> //数学小字大
<h6>6</h6>//数大字小
- 1
- 2
7.<span></span>隔离标签用于给特定的范围或标签设计样式
- 1
<span style="color:red;">//前两个字体是红色的后面是默认的
<h1>1</h1>
<h6>3</h6>
</span>
<h4>4</h4>
- 1
- 2
- 3
- 4
- 5
8.<hr/>水平线标签
9.<br/>换行标签
10.<b></b>加粗标签
11.<i></i>斜体
12.<a></a>超链接 分为1 本页标题之间的链接和网页和网页之间的跳转。
- 1
- 2
- 3
- 4
- 5
暂时就总结到此。未完敬请期待！
文章来源: kangshihang.blog.csdn.net，作者：康世行，版权归原作者所有，如需转载，请联系作者。
原文链接：kangshihang.blog.csdn.net/article/details/76651252
【版权声明】本文为华为云社区用户转载文章，如果您发现本社区中有涉嫌抄袭的内容，欢迎发送邮件进行举报，并提供相关证据，一经查实，本社区将立刻删除涉嫌侵权内容，举报邮箱：
cloudbbs@huaweicloud.com
- 点赞
- 收藏
- 关注作者
评论（0）