常见的 HTML 标记
HTML文件标记
标 记 | 意 义 | 作 用 |
---|
<html> </html> | 文件声明 | 让浏览器知道这是 HTML 文件 |
<head> </head> | 开头 | 提供文件整体资讯 |
<title> </title> | 标题 | 定义文件标题,将显示于浏览顶端 |
<body> </body> | 网页文件的内容 | 设计文件格式及内文所在 |
排版标记
标 记 | 意 义 | 作 用 |
---|
<!--注解--> | 说明标记 | 为文件加上说明,但不被显示 |
<br> | 换行标记 | 令字、画、表格等显示于下一行 |
<p> </p> | 段落标记 | 为字、画、表格等之间留一空白行 |
<pre> </pre> | 预设格式 | 令文件按照原始码的排列方式显示 |
<div> </div> | 区块标记 | 设定文字、图像、等元素的摆放位置 |
字体标记
标 记 | 意 义 | 作 用 |
---|
<strong> </strong> | 加重语气 | 产生字体加粗 Bold 的效果 |
<b> </b> | 粗体标记 | 产生字体加粗的效果 |
<em> </em> | 强调标记 | 字体出现斜体效果 |
<i> </i> | 斜体标记 | 字体出现斜体效果 |
<h1> </h1> | 一级标题标记 | 变粗变大加宽,程度与级数反比 |
<h2> </h2> | 二级标题标记 | 将字体变粗变大加宽 |
<h3> </h3> | 三级标题标记 | 将字体变粗变大加宽 |
<h4> </h4> | 四级标题标记 | 将字体变粗变大加宽 |
<h5> </h5> | 五级标题标记 | 将字体变粗变大加宽 |
<h6> </h6> | 六级标题标记 | 将字体变粗变大加宽 |
<sub> </sub> | 下标字 | 下标字 |
<sup> </sup> | 上标字 | 上标字 |
清单标记
标 记 | 意 义 | 作 用 |
---|
<ol> </ol> | 顺序清单 | 清单项目将以数字、字母顺序排列 |
<ul> </ul> | 无序清单 | 清单项目将以圆点排列 |
<li> </li> | 清单项目 | 每一标记标示一项清单项目 |
<dl> </dl> | 定义清单 | 清单分两层出现 |
<dt> </dt> | 定义条目 | 标示该项定义的标题 |
<dd> </dd> | 定义内容 | 标示定义内容 |
表格标记
标 记 | 意 义 | 作 用 |
---|
<form> </form> | 表单标记 | 决定单一表单的运作模式 |
<textarea> </textarea> | 文字区块 | 提供文字方盒以输入较大量文字 |
<input> | 输入标记 | 决定输入形式 |
<select> </select> | 选择标记 | 建立 pop-up 卷动清单 |
<option> </option> | 选项 | 每一标记标示一个选项 |
图形标记
标 记 | 意 义 | 作 用 |
---|
<img> | 图形标记 | 用以插入图形及设定图形属性 |
连接标记
标 记 | 意 义 | 作 用 |
---|
<a> </a> | 超链接标记 | 加入超链接 |
框架标记
标 记 | 意 义 | 作 用 |
---|
<frameset> </frameset> | 框架设定 | 设定框架 |
<frame> </frame> | 框窗设定 | 设定框窗 |
其他标记
标 记 | 意 义 | 作 用 |
---|
<marquee> </marquee> | 移动文字 | 令文字左右走动 |
<meta> | 开头定义 | 主要为网页文件添加关键词和描述 |
StyleSheet
标 记 | 意 义 | 作 用 |
---|
<script> </script> | 脚本标记 | 添加Javascript代码或者是VBScript代码 |
<style> </style> | 样式表标记 | 控制网页版面 |
<link> | 链入标记 | 链入外部 CSS 文件 |
<span> </span> | 自订标记 | 独立使用或与样式表同用 |
<br> | | 表示换行 |
  | | 空格 |
> | | 表示大于号 |
< | | 表示小于号(<) |
HTML 标记常用的属性
通用属性:
class:为某个对象指定一个CSS样式表。
style:通过添加CSS代码来控制对象的样子。
width:指定对象的宽度
height:指定对象的高度
对齐方式:
align:水平对齐,可取的值为left,center,right
valign:垂直对齐,可取的值为top,middle,bottom
name:值为 keywords 时,增加关键字。值为 description ,增加页面内容描述
<img>
标记属性:
src:指定一张图片(通过路径来指定图片)
alt:为图片添加描述信息
<a> </a>
链接标记属性:
herf:指定链接到哪里
target:指定是否要打开新的窗口来显示网页
滚动字幕标记属性:
behavior:设置文字的移动方式,可取值有alternate,scroll,slide
scrollamount:控制文字移动速度,值为数字
direction:控制文字的移动方向,可选的值有left、right、up、down
onmousemove:设置鼠标移入滚动区时,让滚动字幕停止,取值为 this.stop()
onmouseout:控制鼠标移出滚动区时,让滚动字幕移动动,取值为this.start()
表格属性:
border:设置表格的边框粗细
bordercolor:指定边框颜色
bgcolor:指定表格的背景颜色
background:指定表格的背景图片
cellpadding:指定表格内容与边框之间的距离
cellspacing:指定单元格之间的距离
colspan:指定某个单元格占几列(用于合并单元格,且只能用于标记)
rowspan:指定某个单元格占几行(用于合并单元格,且只能用于标记)
样式表标记和链入标记属性:
type:值为text/css的时候,指明为文本样式表(样式表标记和链入标记都可以用)
rel:值为stylesheet时,指定链入的是样式表文件
href:指定CSS文件的位置