前端第一课——HTML标签大全

前端第一课————HTML标签

           这里是小萌新一枚，记录自己学习前端的历程~~

          HTML全称是Hyper Text Markup Language，即超文本标记语言。HTML标签是HTML语言中最基本的单位，也是HTML最重要的组成部分。
          首先，HTML中的标签分为两大类，完全标签和单一标签。

1. 完全标签：<标签名>内容</标签名>

2. 单一标签：<标签名>或<标签名/>

          接下来为大家介绍HTML中常见的一些标签。

1. 段落标签
   <p>内容</p> 内容显示后自动换行

2. 块级标签
   <span>内容</span> 内容显示后不会自动换行

3. 标题标签
   <hn> 内容 </hn> n是取值在1~6之间整数，数字越小字体越大，带有自动换行

4. 换行标签
   <br/> 或 <br> 使文本换行

5. 水平分隔线
   <hr size="" color="" width=""> 或 <hr/>
   size：线的粗细 ； color:颜色 ； width=宽度（不定义三种属性则采用默认属性）

6. 字体标签
   <font size="大小" color="颜色" face="字型"> 内容 </font>

7. 文本语义标签
   (1) 文字高亮显示：<mark> 内容 </mark> 内容会被高亮标记，默认黄色无法更改
   (2) 引用标签：<cite> 内容 </cite>内容以斜体表现

8. 文本格式化标签
   (1) 字体加粗：<b> 文本 </b> 或<strong> 文本 </strong>
   (2) 斜体：<i> 文本 </i>或 <em> 文本 </em>
   (3) 下划线： <u> 文本 </u>或<ins> 文本 </ins>
   (4) 删除线:<s> 文本 </s>或 <del> 文本 </del>

9. 特殊字符
   (1) 空格： 
   (2) 大于号：>
   (3) 小于号：<
   (4) 版权符号：©
   (5) 商标符号：®
   (6) 摄氏温度：°
   (7) 平方：²
   (8) 立方：³

10. 图像标签
    <img src="图像名" width="宽度" height="高度" />
    (1) 绝对路径：从根目录开始的路径。（c:/windwos/emp/sss.txt）
    (2) 相对路径：从当前目录开始的路径 。(images/2.png)
    (3) '..'：表示当前目录的上一级目录
    (4) '.'：表示当前目录

11. 超链接标签
    (1) 文字超链接：<a href="页面地址"> 文字 </a>
    (2) 图像超链接:<a href="页面地址"><img src="图片地址" alt="文字" >

12. 列表标签
    (1) 无序列表: type的取值：disc(默认的，实心圆点)、circle(空心圆圈)、square(实心方块)

<ul type="项目符号类型">
	  <li>列表项</li>
	  <li>列表项</li>
	  <li>列表项</li>
	  <li>列表项</li>
</ul>

	      

(2) 有序列表: type的取值：1、A、a、I、ii, start必须是正整数.

 <ol type="项目符号类型" start="项目符号的起始值">
			   <li>列表项</li>
			   <li>列表项</li>
			   <li>列表项</li>
			   <li>列表项</li>
			</ol>

(3) 项目列表:列表项前面没有项目符号

 <dt>
		   <dd>列表项</dd>
		   <dd>列表项</dd>
		   <dd>列表项</dd>
		 </dt>

14. 表格标签：<table border="边框线宽度"></table>
    (1) <tr></tr>：行标签
    (2) <td></td>：单元格
    (3) <th></th>：列标题
    tr的属性:

• align：水平对齐方式(left、center、right)

• valign：垂直对齐方式(top、middle、bottom)

• bgcolor：设置行的背景色

table的属性：

• border：表格边框线

• cellspacing：单元格之间的间距

• cellpadding：内容和单元格边框之间的距离

(4) 语义标签
<thead></thead>：表示表格的头部

<tbody></tbody>：表示表格的主体

(5) 合并单元格：
A、跨列：colspan=“列数”
B、跨行：rowspan=“行数”