一.主要内容
二.HTML概述
????????HTML就像一个没有穿衣服的人，我们需要用CSS美化它，用JS去操作它。
HTML是超文本标记语言，“超文本”就是表示页面内可以包含非文字元素如图片、音乐、链接等等。
HTML可以用Hbuilder、记事本、写字板、Sublime等编辑工具编写，以htm或html为后缀名保存。（培训推荐使用Hbuilder，本博客使用Hbuilder）
三.基础语法
????????1.标签
? ? ? ? ? ? ? ? html标签是由 < 和 > 所括住的指令标签，用于向浏览器发送指令。
? ? ? ? ? ? ? ? 主要分为：单指令标签、双指令标签（由 < 起始标签 >? 内容? <?/结束标签 >组成）
? ? ? ? 1.1.单标签
? ? ? ? ? ? ? ? 单标签不设置属性值。如：
<br/>、<hr/>?????????1.2.单标签属性
? ? ? ? ? ? ? ??单标签设置属性值。如：
<hr width="800" />? ? ? ??1.3.双标签
????????????????双标签 不设置属性值，如：
<title>...</title>????????1.4.双标签属性
? ? ? ? ? ? ? ? 双标签设置属性值，如：
<body bgcolor="red">...</body>
<font size="7">...</font>? ? ? ? 2.整体结构
? ? ? ? ? ? ? ? html的内容由一对一对的标签组成，标签不能混乱，页面有页面的整体架构和规则，标签和标签之间需要正确嵌套。
? ? ? ? ? ? ? ? 通常一个html网页包含三个部分：标记头区<head>...</head>、内容区<body>...</body>和网页区<html>...</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>
????????2.1.html
? ? ? ? ? ? ? ? <html>标志作用于文档最前边，用来标识文档的开始。</html>标志作用于文档末尾，用来标识文档的结束。
? ? ? ? 2.2.head
? ? ? ? ? ? ? ? <head>作用于<html>的顶部。
? ? ? ? ? ? ? ? 可以用
????????????????<meta> 提供关于文档的信息
????????????????<title> 输入页面的标题
????????????????<link> 引入CSS文件
????????????????<script> 引入JS文件或JS代码
????????2.3.body
? ? ? ? ? ? ? ?用于显示浏览器页面的内容。? ? ? ? ??
s
| 属性 | 值 | 描述 |
|---|---|---|
| alink |
| 不赞成使用。请使用样式取代它。 规定文档中活动链接（active link）的的颜色。 |
| background | URL | 不赞成使用。请使用样式取代它。 规定文档的背景图像。 |
| bgcolor |
| 不赞成使用。请使用样式取代它。 规定文档的背景颜色。 |
| link |
| 不赞成使用。请使用样式取代它。 规定文档中未访问链接的默认颜色。 |
| text |
| 不赞成使用。请使用样式取代它。 规定文档中所有文本的颜色。 |
| vlink |
| 不赞成使用。请使用样式取代它。 规定文档中已被访问链接的颜色。 |
?四.常用标签
? ? ? ? 1.标题
? ? ? ? ? ? ? ? h1到h6字号依次缩小(h1最好只有一个，防止被判定为恶心刷标签)
<h1></h1>????????2.水平线
? ? ? ? ? ? ? ??可编辑长度，粗细，颜色。
<hr>? ? ? ??3.列表
? ? ? ? ? ? ? ??无序列表
<ul>
<li></li>
<li></li>
<ul>? ? ? ? ? ? ? ? 有序列表
<ol>
<li></li>
<li></li>
<ol>| 属性 | 值 | 描述 |
|---|---|---|
| compact | compact | 不赞成使用。请使用样式取代它。 规定列表呈现的效果比正常情况更小巧。 |
| type |
| 不赞成使用。请使用样式取代它。 规定列表的项目符号的类型。 |
?????????4.div
? ? ? ? ? ? ? ? 一个块级标签，会自动换行。
| 属性 | 值 | 描述 |
|---|---|---|
| align |
| 不赞成使用。请使用样式取而代之。 规定 div 元素中的内容的对齐方式。 |
?????????5.span
? ? ? ? ? ? ? ??行内元素，不会自动换行，不能设置宽高。
? ? ? ? 6.格式化标签
????????????????
| 签 | 描述 |
|---|---|
| <b> | 定义粗体文本。 |
| <del> | 定义被删除文本。 |
| <font> | 定义大号文本。HTML5 中不支持。请使用 CSS 代替。 |
| <i> | 定义斜体文本。 |
| <pre> | 定义预格式文本。 |
| <s> | 定义加删除线的文本。 |
| <strong> | 定义语气更为强烈的强调文本。 |
| <sup> | 定义上标文本。 |
| <sub> | 定义下标文本。 |
| <time> | 定义日期/时间。 |
| <u> | 定义下划线文本。 |
?????????7.target
<a href="http://www.baidu.com" target="_blank">这是一个百度链接</a><br>| 值 | 描述 |
|---|---|
| _blank | 在新窗口中打开被链接文档。 |
| _self | 默认。在相同的框架中打开被链接文档。 |
| _parent | 在父框架集中打开被链接文档。 |
| _top | 在整个窗口中打开被链接文档。 |
| framename | 在指定的框架中打开被链接文档。 |
?????????7.图片
<img src="img/TH7J8JS1TOZVZ%7D0%25B%7B%5BPG05.png" / width="1545px" height="150px">