手机开发实战84——HTML介绍3_手机html开发实战-优快云博客

本文详细介绍了HTML的基本标签，包括文档结构标签如<html>,<head>,<body>，标题标签<h1>至<h6>，文本样式标签如<b>,<i>,<em>，链接标签<a>，图像标签<img>，表格标签<table>,<tr>,<td>等，以及表单元素<form>,<input>,<select>等，是HTML初学者的重要参考资料。" 21022007,437362,GTK图形界面刷新机制,"['GTK', '图形界面开发']

基本标签参考

基本标签

　　创建一个HTML文档 <html></html>

　　设置文档标题以及其他不在WEB网页上显示的信息 <head></head>

　　设置文档的可见部分 <body></body>

　　标题标签

　　将文档的题目放在标题栏中 <title></title>

文档整体属性

　　设置背景颜色，使用名字或十六进制值 <body bgcolor=?>

　　设置文本文字颜色，使用名字或十六进制值 <body text=?>

　　设置链接颜色，使用名字或十六进制值 <body link=?>

　　设置已使用的链接的颜色，使用名字或十六进制值 <body vlink=?>

　　设置正在被击中的链接的颜色，使用名字或十六进制值 <body alink=?>

文本标签

　　创建预格式化文本 <pre></pre>

　　创建最大的标题 <h1></h1>

　　创建最小的标题 <h6></h6>

　　创建黑体字 <b></b>

　　创建斜体字 <i></i>

　　创建打字机风格的字体 <tt></tt>

　　创建一个引用，通常是斜体 <cite></cite>

　　加重一个单词（通常是斜体加黑体） <em></em>

　　加重一个单词（通常是斜体加黑体） <strong></strong>

　　设置字体大小，从1到7 <font size=?></font>

　　设置字体的颜色，使用名字或十六进制值 <font color=?></font>

链接

　　创建一个超链接 <a href="URL"></a>

　　创建一个自动发送电子邮件的链接 <a href="mailto:EMAIL">....　</a>

　　创建一个位于文档内部的靶位 <a name="NAME"></a>

　　创建一个指向位于文档内部靶位的链接 <a href="#NAME"></a>

格式排版

　　创建一个新的段落 <p>

　　将段落按左、中、右对齐 <p align=?>

　　插入一个回车换行符 <br>

　　从两边缩进文本 <blockquote>

　　</blockquote>

　　创建一个定义列表 <dl></dl>

　　放在每个定义术语词之前 <dt>

　　放在每个定义之前 <dd>

　　创建一个标有数字的列表 <ol></ol>

　　放在每个数字列表项之前，并加上一个数字 <li>

　　创建一个标有圆点的列表 <ul></ul>

　　放在每个圆点列表项之前，并加上一个圆点 <li>

　　一个用来排版大块HTML段落的标签，也用于格式化表 <div align=?>

图形元素

　　添加一个图像 <img src="name">

　　排列对齐一个图像：左中右或上中下 <img src="name" align=?>

　　设置围绕一个图像的边框的大小 <img src="name" border=?>

　　加入一条水平线 <hr>

　　设置水平线的大小（高度） <hr size=?>

　　设置水平线的宽度（百分比或绝对像素点） <hr width=?>

　　创建一个没有阴影的水平线 <hr noshade>

表格

　　创建一个表格 <table></table>

　　开始表格中的每一行 <tr></tr>

　　开始一行中的每一个格子 <td></td>

　　设置表格头：一个通常使用黑体居中文字的格子 <th></th>

表格属性

　　设置围绕表格的边框的宽度 <table border=#>

　　设置表格格子之间空间的大小 <table cellspacing=#>

　　设置表格格子边框与其内部内容之间空间的大小 <table cellpadding=#>

　　设置表格的宽度－用绝对像素值或文档总宽度的百分比 <table width=# or %>

　　设置表格格子的水平对齐（左中右） <tr align=?> or <td align=?>

　　设置表格格子的垂直对齐（上中下） <tr valign=?> or <td valign=?>

　　设置一个表格格子应跨占的列数（缺省为1） <td colspan=#>

　　设置一个表格格子应跨占的行数（缺省为1） <td rowspan=#>

　　禁止表格格子内的内容自动断行回卷 <td nowrap>

窗框

　　放在一个窗框文档的<body>标签之前，也可以嵌在其他窗框文档中 <frameset></frameset>

　　定义一个窗框内的行数，可以使用绝对像素值或高度的百分比 <frameset rows="value,value">

　　定义一个窗框内的列数，可以使用绝对像素值或宽度的百分比 <frameset cols="value,value">

　　定义一个窗框内的单一窗或窗区域 <frame>

　　定义在不支持窗框的浏览器中显示什么提示 <noframes></noframes>

窗框属性

　　规定窗框内显示什么HTML文档 <frame src="URL">

　　命名窗框或区域以便别的窗框可以指向它 <frame name="name">

　　定义窗框左右边缘的空白大小，必须大于等于1 <frame marginwidth=#>

　　定义窗框上下边缘的空白大小，必须大于等于1 <frame marginheight=#>

　　设置窗框是否有滚动栏，其值可以是"yes","no","auto"，缺省时一般为"auto" <frame scrolling=VALUE>

　　禁止用户调整一个窗框的大小 <frame noresize>

表单

　　对于功能性的表单，一般需要运行一个CGI小程序，HTML仅仅是产生表单的表面样子。

　　创建所有表单 <form></form>

　　创建一个滚动菜单，size设置在需要滚动前可以看到的表单项数目 <select multiple name="NAME" size=?></select>

　　设置每个表单项的内容 <option>

　　创建一个下拉菜单 <select name="NAME"></select>

　　设置每个菜单项的内容 <option>

　　创建一个文本框区域，列的数目设置宽度，行的数目设置高度 <textarea name="NAME" cols=40 rows=8></textarea>

　　创建一个复选框，文字在标签后面 <input type="checkbox" name="NAME">

　　创建一个单选框，文字在标签后面 <input type="radio" name="NAME" value="x">

　　创建一个单行文本输入区域，size设置以字符计的宽度 <input type=text name="foo" size=20>

　　创建一个submit（提交）按钮 <input type="submit" value="NAME">

　　创建一个使用图象的submit（提交）按钮 <input type="image" border=0 name="NAME" src="name.gif">

　　创建一个reset（重置）按钮 <input type="reset">

html语言介绍一览表：

标记	类型	译名或意义	作用	备注
文件标记
<html>	●	文件声明	让浏览器知道这是 html 文件
<head>	●	开头	提供文件整体资讯
<title>	●	标题	定义文件标题，将显示于浏览顶端
<body>	●	本文	设计文件格式及内文所在
排版标记
<!--注解-->	○	说明标记	为文件加上说明，但不被显示
<p>	○	段落标记	为字、画、表格等之间留一空白行
<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>	●	自订标记	独立使用或与样式表同用