HTML(超文本标记语言)
HTML作为超文本标记语言,相对其他语言来说比较简单,但功能还是很强大。通常用来网页制作等。当然还有其他用途,自己可以去百度了解。
以下为归纳的知识点,比较实用。
标记 |
类型 |
译名或意义 |
作 用 |
备注 |
文件标记 |
|
|
|
|
<html> |
● |
文件声明 |
让浏览器知道这是 html 文件 |
|
<head> |
● |
开头 |
提供文件整体资讯 |
|
<title> |
● |
标题 |
定义文件标题,将显示于浏览顶端 |
|
<body> |
● |
本文 |
设计文件格式及内文所在 |
|
排版标记 |
|
|
|
|
<!--注解--> |
○ |
说明标记 |
为文件加上说明,但不被显示 |
|
<p> |
paragraph |
段落标记 |
为字、画、表格等之间留一空白行 |
|
<br> |
○ |
换行标记 |
令字、画、表格等显示于下一行 |
|
<hr> |
○ |
水平线 |
插入一条水平线 |
|
<center> |
● |
居中 |
令字、画、表格等显示于中间 |
反对 |
<pre> |
● |
预设格式 |
令文件按照原始码的排列方式显示 |
|
<div> |
● |
区隔标记 |
设定字、画、表格等的摆放位置 |
|
<nobr> |
● |
不折行 |
令文字不因太长而绕行 |
|
<wbr> |
● |
建议折行 |
预设折行部位 |
|
字体标记 |
|
|
|
|
<strong> |
● |
加重语气 |
产生字体加粗 bold 的效果 |
|
<b> |
● |
粗体标记 |
产生字体加粗的效果 |
|
<em> |
● |
强调标记 |
字体出现斜体效果 |
|
<i> |
● |
斜体标记 |
字体出现斜体效果 |
|
<tt> |
● |
打字字体 |
courier字体,字母宽度相同 |
|
<u> |
● |
加上底线 |
加上底线 |
反对 |
<h1> |
● |
一级标题标记 |
变粗变大加宽,程度与级数反比 |
|
<h2> |
● |
二级标题标记 |
将字体变粗变大加宽 |
|
<h3> |
● |
三级标题标记 |
将字体变粗变大加宽 |
|
<h4> |
● |
四级标题标记 |
将字体变粗变大加宽 |
|
<h5> |
● |
五级标题标记 |
将字体变粗变大加宽 |
|
<h6> |
● |
六级标题标记 |
将字体变粗变大加宽 |
|
<font> |
● |
字形标记 |
设定字形、大小、颜色 |
反对 |
<basefont> |
○ |
基准字形标记 |
设定所有字形、大小、颜色 |
反对 |
<big> |
● |
字体加大 |
令字体稍为加大 |
|
<small> |
● |
字体缩细 |
令字体稍为缩细 |
|
<strike> |
● |
画线删除 |
为字体加一删除线 |
反对 |
<code> |
● |
程式码 |
字体稍为加宽如<tt> |
|
<kbd> |
● |
键盘字 |
字体稍为加宽,单一空白 |
|
<samp> |
● |
范例 |
字体稍为加宽如<tt> |
|
<var> |
● |
变数 |
斜体效果 |
|
<cite> |
● |
传记引述 |
斜体效果 |
|
<blockquote> |
● |
引述文字区块 |
缩排字体 |
|
<dfn> |
● |
述语定义 |
斜体效果 |
|
<address> |
● |
地址标记 |
斜体效果 |
|
<sub> |
● |
下标字 |
下标字 |
|
<sup> |
● |
上标字 |
指数(平方、立方等) |
|
清单标记 |
|
|
|
|
<ol> |
● |
顺序清单 |
清单项目将以数字、字母顺序排列 |
|
<ul> |
● |
无序清单 |
清单项目将以圆点排列 |
|
<li> |
○ |
清单项目 |
每一标记标示一项清单项目 |
|
<menu> |
● |
选单清单 |
清单项目将以圆点排列,如<ul> |
反对 |
<dir> |
● |
目录清单 |
清单项目将以圆点排列,如<ul> |
反对 |
<dl> |
● |
定义清单 |
清单分两层出现 |
|
<dt> |
○ |
定义条目 |
标示该项定义的标题 |
|
<dd> |
○ |
定义内容 |
标示定义内容 |
|
表格标记 |
|
|
|
|
<table> |
● |
表格标记 |
设定该表格的各项参数 |
|
<caption> |
● |
表格标题 |
做成一打通列以填入表格标题 |
|
<tr> |
● |
表格列 |
设定该表格的列 |
|
<td> |
● |
表格栏 |
设定该表格的栏 |
|
<th> |
● |
表格标头 |
相等于<td>,但其内之字体会变粗 |
|
表单标记 |
|
|
|
|
<form> |
● |
表单标记 |
决定单一表单的运作模式 |
|
<textarea> |
● |
文字区块 |
提供文字方盒以输入较大量文字 |
|
<input> |
○ |
输入标记 |
决定输入形式 |
|
<select> |
● |
选择标记 |
建立 pop-up 卷动清单 |
|
<option> |
○ |
选项 |
每一标记标示一个选项 |
|
图形标记 |
|
|
|
|
<img> |
○ |
图形标记 |
用以插入图形及设定图形属性 |
|
连结标记 |
|
|
|
|
<a> |
● |
连结标记 |
加入连结 |
|
<base> |
○ |
基准标记 |
可将相对 url 转绝对及指定连结目标 |
|
框架标记 |
|
|
|
|
<frameset> |
● |
框架设定 |
设定框架 |
|
<frame> |
○ |
框窗设定 |
设定框窗 |
|
<iframe> |
○ |
页内框架 |
于网页中间插入框架 |
ie |
<noframes> |
● |
不支援框架 |
设定当浏览器不支援框架时的提示 |
|
|
|
|
|
|
<map> |
● |
影像地图名称 |
设定影像地图名称 |
|
<area> |
○ |
连结区域 |
设定各连结区域 |
|
|
|
|
|
|
<bgsound> |
○ |
背景声音 |
于背景播放声音或音乐 |
ie |
<embed> |
○ |
多媒体 |
加入声音、音乐或影像 |
|
其他标记 |
|
|
|
|
<marquee> |
● |
走动文字 |
令文字左右走动 |
ie |
<blink> |
● |
闪烁文字 |
闪烁文字 |
nc |
<isindex> |
○ |
页内寻找器 |
可输入关键字寻找于该一页 |
反对 |
<meta> |
○ |
开头定义 |
让浏览器知道这是 html 文件 |
|
<link> |
○ |
关系定义 |
定义该文件与其他 url 的关系 |
|
stylesheet |
|
|
|
|
<style> |
● |
样式表 |
控制网页版面 |
|
<span> |
● |
自订标记 |
独立使用或与样式表同用 |