H5基础标签

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:跨列合并

 

上一篇:oracle 查看锁表进程和解锁


下一篇:css兄弟选择器配合鼠标点击实现不同效果