HTML
HTML简介
hypertext markup language超文本标记语言
不需要编译，直接由浏览器执行
大小写不敏感
文件后缀名：html或htm
开发工具：记事本orWord都可
HTML基础语法
HTML基本结构：
<html>
<head>
<title>标题</title>
</head>
<body>
网页主体内容
</body>
</html>
横线标签：<hr>
背景颜色标签：<body bgcolor="red">
注释：<!--这是一个注释-->
DOCTYPE文档类型说明：
必须放在文档第一行
不是HTML标签
网页编码设置：
在<head></head>标签之间添加：
<meta http-equiv="Content-Type" content="text/html;charset=utf-8"/> <--注：utf-8、GB2312、gbk等编码-->
文字和段落标签：
标题标签：<h1></h1>~<h6></h6>
段落标签：<p></p>
align对齐属性值：
| 值 | 描述 |
|---|---|
| left | 左对齐内容 |
| right | 右对齐内容 |
| center | 居中对齐内容 |
| justify | 对行进行伸展，这样每行都可以有相等的长度 |
换行标签：<br/>
空格：
预格式标签：<pre></pre>
文字斜体：<i></i>、<em></em>
加粗：<b></b>、<strong></strong>
下标：<sub>
上标：<sup>
特殊符号：
| 属性 | 显示结果 | 描述 |
|---|---|---|
| < | < | 小于号或显示标记 |
| > | > | 大于号或显示标记 |
| ® | ® | 已注册 |
| © | © | 版权 |
| ™ | ™ | 商标 |
| | Space | 不断行的空白 |
列表标签：
无序列表：
type属性：
disc：圆点
square：正方形
circle：空心圆
<ul type='disc'>
<li>列表项1</li>
<li>列表项2</li>
</ul>
有序列表：
type属性：
1：数字1，2...
a：小写字母
A：大写字母
i：小写罗马数字
I：大写罗马数字
<ol type='i'>
<li>列表项1</li>
<li>列表项2</li>
</ol>
定义列表：
<dl>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
<dd>列表项描述</dd>
<dt>定义列表项</dt>
<dd>列表项描述</dd>
</dl>
图像和超链接标签：
<img src="" alt="" .../>
img属性：
| 属性 | 值 | 描述 |
|---|---|---|
| Src（必写） | URL | 显示图像的URL |
| alt | 文字 | 图像替代文本 |
| height | 数值（px）和百分比 | 图像的高 |
| width | 数值和百分比 | 图像的宽 |
-
相对路径：从当前目录开始定位形成的一个路径
-
绝对路径：从顶级目录开始定位形成的路径
超链接标签：
<a href="">内容</a>
href:链接地址，可以是内部链接或外部链接
空链接：<a href="#">内容</a>
| 属性 | 描述 |
|---|---|
| href | 链接地址 |
| target | 链接的目标窗口*_self (当前窗口打开新页面) _blank（新窗口） _top _parent* |
| title | 链接提示文字 |
| name | 链接命名 |
锚链接（同一页面）：
<a href="#锚名1">目录1</a>
<a href="#锚名2">目录2</a>
<a href="..." name="锚名1">内容</a>
XXXXX
XXXXXXXXX
<a href="..." name="锚名2">内容</a>
XXXXX
XXXXXXXX
锚链接（不同页面）：
网页1：<a href="网页名称#锚名">......</a> 网页2:<a name="锚名">......</a>
电子邮件链接：
<a href="mailto:邮件地址">......</a>
文件下载：
<a href="下载文件的地址">......</a>
127
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
