HTML 基本标签
1、文件标签
【1】<html> 标签
整个文件都处于 <html> 标签中
<html> 用以申明这是 HTML 文件,让浏览器认出并正确处理 HTML 文件
在 HTML 文件有两部分 <head> 与 <body>
【2】<head> 标签
用于加载一些重要的资讯
内容不会被显示,只有 <body> 的内容才会被显示
【3】<title> 标签
<title> 只能出现于 <head> 中
表示的是标题
【4】<body> 标签
<body> 中的就是显示的内容,常用属性:
text:用于设定文字颜色
background:用于设定背景图片
bgcolor:用于设定背景颜色
2、排版标签
【1】注释
HTML 注释格式:<!-- 注释内容 -->
【2】<p> 标签
段落标签,可以将 HTML 文档分割成若干段落,浏览器会自动在段落前后添加空格,常用属性:
align:用于设定对齐方式,可选 left、right、center,默认 left
【3】<br/> 标签
换行功能
【4】<hr> 标签
生成一条水平线,常用属性:
align:设置水平线对齐方式,可选值:left、right、center。
size:设置水平线线条粗细,以像素为单位,默认值为 2。
width:设置水平线长度,可以是绝对值和相对值,默认为 100%。
color:设置水平线颜色,默认为黑色。
【5】HTML 中数值单位
像素:默认单位是像素。
百分比:总长度的百分比来表示。
3、块标签
【1】<div> 标签
用于在文档中设定一块区域,属于块级元素,常用属性:
align:left center right
【2】<span> 标签
用于强调信息,在行内设定一个块区域。
4、字体标签
【1】<font> 标签
用于设置文本的字体、大小、颜色,常用属性:
face:规定文本的字体
size:规定文本的大小
color:规定文本的颜色
【2】<h1-h6> 标签
<h1>-<h6> 标签用于定义标题
<h1> 最大标题
<h6> 最小标题
5、列表标签
【1】<ul> 标签
表示一个无序列表,常用属性:
type:规定列表的项目符号类型,可取值:disc、square、circle,默认为 disc
【2】<li> 标签
表示一个列表项,常用属性:
type:只适用于无序列表,用于设定项目符号,默认值为 disc
value:只适用于有序列表,用于设定列表的项目数字
【3】<ol> 标签
表示一个有序列表,常用属性:
type:规定列表中使用的标记类型,可取值 1AaIi
star:规定列表的起始值
【4】<dl> <dt> <dd>
定义描述标签,图文混排
6、图形标签
【1】<img> 标签
图形标签,用于在页面上引入图片,常用属性:
src:用于设定要引入的图片的URL
alt:用于设定图像的替代文字
width:用于设定图片的宽度
height:用于设定图片的高度
border:用于设定图片边框厚度
align:用于设定图片的文字对齐方式
7、链接标签
【1】<a> 标签
用于定义超链接,用于从一个页面跳转到另一个页面,常用属性:
href:用于设定链接指向页面的 url
name:用于设定锚的名称
页面内部的锚连接 <a href="#名称"></a>
页面间的锚连接 <a href="页面的地址#锚名"></a>
target:用于设定在何处打来链接页面
_self:自身打开页面(默认)
_blank:新窗口打开
_parent:父窗口
_top:顶窗口
8、表格标签
【1】<table> 标签
用于定义表格,常用属性:
align:用于设定表格对齐方式
bgcolor:用于设定表格的背景颜色
border:用于设定表格外边框的宽度
width:用于设定表格的宽度
【2】<tr> 标签
用于定义表格的行,包含一个或多个 th 或 td 元素,常用属性:
align:用于设定表格行的内容对齐方式
bgcolor:用于设定表格中的背景颜色
【3】<td> 标签
用于定义表格单元,<td> 中的文本一般显示为正常字体且左对齐,常用属性:
align:用于设定单元格内容的对齐方式
bgcolor:用于设定单元格背景颜色
height:用于设定单元格的高度
width:用于设定单元格的宽度
colspan:用于设定列合并
rowspan:用于设定行合并
【4】<caption> 标签
用于定义表格标题
<caption> 标签必须紧随 <table> 标签之后
一个表格只能有一个标题,通常这个标题会被居中于表格之上
【5】<th> 标签
用于定义表格的表头
内部的文本通常呈现为居中加粗文本
HTML 表格中有两种类型的单元格:
表头单元格 th:包含表头信息
标准单元格 td:包含数据
【6】<thead> 标签
用于定义表格的页眉
用于组合 HTML 表格的表头内容
<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用
注:<thead> 内部必须有 <tr> 标签
【7】<tbody> 标签
用于定义表格的主体
用于组合 HTML 表格中的表注内容
【8】<tfoot> 标签
用于定义表格的页脚
用于组合 HTML 表格中的表注内容
【9】单元格合并
rowspan:跨行合并
colspan:跨列合并