您的位置：首页 > Web前端 > HTML

基本HTML标签总结（一）

2017-08-03 21:35 246 查看

html（静态页面）超文本标记语言，在web应用广泛尤其是在网站上，几乎我们访问的网站都是有html页面组成的。当然这几年互联网的发展使网页的兼容性和美观上优化了很多。
当然现在的网站页面已经不是（静态的了），比如php，asp.net等等这些语言都可以写动态的网站页面。 接下来本博主就来稍微的嘚瑟一下html标签（虽然知道的少但是勇于嘚瑟。）0每个双标签都有开始和结束，也有单标签。
接下来就介绍一下基本的页面的结构
<html>//开始
<head>显示网站的标题和检索内容等等</head>
<body>
里面写网站内容
</body>
</html>//结束

1. <caption>用来制作表格的标题</caption> 标题标签

<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>

2.<table> 表格，早期用于网页布局。（现在使用DIV+CSS）
<tr> //行
<th></th>//列
</tr>
</table>

<table border="1" width="300" height="300">
<caption>标题</caption>
<tr> //两行两列
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

3.<p>段落标签</p> 用于一行的结束，就想唐诗一样每行之间都有一定的距离（大小后期可以通过css来调）

<h3>静夜思</h3>
<p>床前明月光，疑是地上霜。</p>
<p>举头望明月，低头思故乡。</p>

4.<ol>有序列表
<li></li> 列表项
</ol>

<ol>
<li></li>
<li></li>
<li></li>
</ol>

5.<ul>
<li></li>列表项
</ul>无序列表

<ul>//有序和无序建议都要有缩进。
<li></li>
<li></li>
<li></li>
</ul>

6.<h1>-<h6>标题标签

<h1>1</h1> //数学小字大
<h6>6</h6>//数大字小

7.<span></span>隔离标签用于给特定的范围或标签设计样式

<span style="color:red;">//前两个字体是红色的后面是默认的
<h1>1</h1>
<h6>3</h6>
</span>
<h4>4</h4>

8.<hr/>水平线标签
9.<br/>换行标签
10.<b></b>加粗标签
11.<i></i>斜体
12.<a></a>超链接  分为1 本页标题之间的链接和网页和网页之间的跳转。

暂时就总结到此。未完敬请期待！

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： html

相关文章推荐

新的分享

章节导航