HTML文档结构
基本结构
HTML文档由头部head和主体body两个部分组成。
<html></html>包括了head和body
<head></head>定义标题、样式等
<body></body>定义段落、标题字、超链接、脚本、表格、表单等元素，主体内容是网页要显示的信息。
<meta>描述一个HTML网页文档的属性，元信息（不会显示在浏览器的页面中）
name属性与content属性
http-equiv属性与content属性
基本语法
<!DOCTYPE html>
<html>
<head>
<meta name="" content="">
<meta http-equiv="" content="">
<meta charset=“UTF-8”>避免网页里的中文变成乱码
<title></title>
</head>
<body>
</body>
</html>
| content | some_text（定义与http-equiv或name属性相关的元信息） |
|---|---|
| http-equiv | content-type expires（内容类型） |
| expires（网页缓存过期时间） | |
| refresh（刷新与跳转(重定向)页面） | |
| set-cookie（如果网页过期，那么存盘的cookie将被删除） | |
| name | author（定义网页作者） |
| description（定义网页简短描述） | |
| keywords（定义网页关键词） | |
| generator（定义编辑器） | |
| scheme | some_text（定义用于翻译content属性值的格式） |
基础标签
格式化文字与段落
标题字标记:
<h1 align="center"></h1>
<h2 align="left"></h2>
<h3 align="right"></h3>
<h4 align="justify"></h4>
<h5></h5>
<h6></h6>
h1~h6代表不同大小的标题
align表示位于页面的位置
插入特殊字符:
| （显示结果） （说明） | （Entity Name） （Entity Number） |
|---|---|
| （ ） （ 空格 ） | （ ） （ ） |
| （ < ） （ 小于 ） | （ < ） （ < ） |
| （ > ） （ 大于 ） | （ > ） （ > ） |
| （ & ） （ &符号 ） | （&） （ & ） |
| （ " ） （ 双引号 ） | （"） （ " ） |
| （ © ） （ 版权 ） | （©） （©） |
| （ ® ） （注册商标） | （ ® ） （®） |
| （ × ） （ 乘号 ） | （×） （×） |
| （ ÷ ） （ 除号 ） | （÷） （÷） |
文本修饰标记：
<b></b> | 定义粗体 |
<i></i> | 定义斜体 |
<u></u> | 定义下划线 |
<del></del> | 定义删除线 |
<sup></sup> | 定义上标 |
<sub></sub> | 定义下标 |
<strong></strong> | 定义着重文字，与效果相同 |
<em></em> | 定义加重语气，与效果相同 |
<small></small> | 变小字号 |
<big></big> | 变大字号 |
计算机输出标记：
<code></code> | 定义计算机代码 |
<kbd></kbd> | 定义键盘码 |
<samp></samp> | 定义计算机代码样本 |
<tt></tt> | 定义打字机代码 |
<var></var> | 定义变量 |
<pre></pre> | 定义预格式文本 |
引用和术语标记：
<abbr></abbr> | 定义缩写 |
<address></address> | 定义地址 |
<blockquote></blockquote> | 定义长的引用 |
<cite></cite> | 定义引用、引证 |
<q></q> | 定义短的引用语，IE看不到引号，其余可以 |
<dfn></dfn> | 定义一个定义项目 |
字体font标记：
<font face="" size="" color="" ></font>
| 属性 | （值） （表示） |
|---|---|
| size | （+1～+7，-1～-7） （数字越大字号越大） |
| color | （rgb(r,g,b)、grb(r%,g%,b%)、#rrggbb、#rgb、colorname） （规定文本的颜色。可以使用rgb函数、十六进制数、颜色英文名称来表达） |
| face | （字体1，字体2，…，字体n） （face属性可以有多个值，用逗号分隔。字体使用方式为从左向右依次选用。只要前面的字体不存在，则使用后一个字体。都不存在，使用默认“宋体”） |
段落标记：
<p align="left|center|right">段落正文内容</p>
换行标记：
<br><br/>表示换行
水平分割线标记:
<hr size="" color="" width="" align="" ><hr/>表示水平分隔线
| 属性 | （值） （表示） |
|---|---|
| width | （像素px或百分比） （设置水平线宽度） |
| size | （整数，单位px） （设置水平线高度） |
| color | （rgb函数、十六进制数，颜色英文名称） （设置水平线颜色） |
| align | （left、center、right） （设置水平线对齐方式） |
段落缩进标记：
<blockquote></blockquote>一对blockquote标记能够向右缩进5个西文字符的位置
预格式化标记：
<pre></pre>标记对网页中的文字段落进行预格式化，浏览器会完整保留设计者在源文件中所定义的格式，包括各种空格、缩进以及其他特殊格式。
列表标记：
无序列表 <ul>…</ul> | 常用 |
菜单列表 <menu>…</menu> | 不常用 |
目录列表 <dir>…</dir> | 不常用 |
有序列表 <ol>…</ol> | 常用 |
定义列表 <dl>…</dl> | 常用 |
无序列表（Unordered List ）
<ul type=“disc | circle | square">
<li type="">项目名称</li>
<li type="">项目名称</li>
<li type="">项目名称</li>
…
</ul>
符号： disc - ●； circle -○； square -■
有序列表（Ordered List）
<ol type= " 1| A | a | I | i " start= " 2">
<li type="" value="n">项目名称</li>
<li type="" value="n">项目名称</li>
<li type="" value="n">项目名称</li>
…
</ol>
定义列表（Definition List）
dl>
<dt>项目1</dt>
<dd>说明1<dd>
<dd>说明2<dd>
…
</dl>
扫一扫
1552
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
