20170608html一些标签

 

学习内容：

1.hr标签 添加水平横线，跟br标签一样属于空标签<hr/><br/>

2.address标签，自带斜体

3.code标签，

<code>代码语言</code>。在文章中插入一行代码的时候使用，不适用于多行代码，多行代码可以用<pre>标签

4.pre标签，

在网页显示上插入一段代码。<pre>语言代码段</pre>。

<pre> 标签的主要作用:预格式化的文本。被包围在 pre 元素中的文本通常会保留空格和换行符。

5.ul-li标签，列表标签。

<ul>

<li>列表信息</li>

</ul>

Li在ul内使用，每个li内的文本前面都会显示一个圆点，自带的，

这是无序的。

6.ol标签，是有序的列表标签，序号默认从1开始，可以改。

<ol>

<li>列表信息</li>

</ol>

7.div标签。

Id标签。

<div id=“”></div>

8.table标签。

创建表格的四个元素：

table、tbody、tr、th、td

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

 

3、<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

4、<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

5、<th>…</th>：表格的头部的一个单元格，表格表头。

6、表格中列的个数，取决于一行中数据单元格的个数。

9.为表格添加边框

在head中

<style type="text/css">

table tr td,th{border:1px solid #000;}

</style>

 

10.

<table summary="本表格记录2012年到2013年库存记录，记录包括u盘和耳机库存量”>（summary为摘要，不在网页上显示）

  <caption>2012年到2013年库存记录</caption>（caption中为标题，显示在表格上方中间）

 

 

11.a标签

<a href=“网址”>内容</a>

被链接的文本会自动变成蓝色，点击之后变成紫色，这是自带默认的。

 

<a>标签在默认情况下，链接的网页是在当前浏览器窗口中打开，有时我们需要在新的浏览器窗口中打开。

如下代码：

<a href="目标网址" target="_blank">内容</a>

转载于:https://my.oschina.net/u/3493646/blog/917452