【HTML】

HTML定义：HTML 是用来描述网页的一种语言。

• HTML 指的是超文本标记语言: HyperText Markup Language
• HTML 不是一种编程语言，而是一种标记语言
• 标记语言是一套标记标签 (markup tag)
• HTML 使用标记标签来描述网页
• HTML 文档包含了HTML 标签及文本内容
• HTML文档也叫做 web 页面

特点

1.简易性

2.可扩展性

3.平台无关性

4.通用性

浏览器兼容性

主流浏览器：谷歌  火狐  Opera  Safari   Microsoft Edge

HTML无序列表

无序列表是一个项目的列表，此列项目使用粗体圆点（典型的小黑圆圈）进行标记。

无序列表使用 <ul> 标签

HTML 有序列表

同样，有序列表也是一列项目，列表项目使用数字进行标记。 有序列表始于 <ol> 标签。每个列表项始于 <li> 标签。

列表项使用数字来标记。

HTML 自定义列表

自定义列表不仅仅是一列项目，而是项目及其注释的组合。

自定义列表以 <dl> 标签开始。每个自定义列表项以 <dt> 开始。每个自定义列表项的定义以 <dd> 开始。

HTML 块级元素

作用：搭建网页结构

特点：

1.独占一行空间

2.默认宽度为100%

3.高度由子元素或内容决定

4.可以通过CSS指定其宽度

元素：html  body div p h1~h6 ul->li   ol->li  dl->dd/dt   header  footer  nav  article  section  aside address .......（SEO算法）

建议：不要将块级元素嵌在行内元素中

---

HTML 行内元素

作用：在结构中填充网页内容

特点：

与其他行内元素共享一行

宽高由自身决定（img是特例）

由于不用来搭建网页结构，所以也无需通过CSS指定其宽度

行内元素中不可以嵌套块级元素

元素：span a  img strong b  i  em sub  sup

HTML 元素可以设置属性HTML 属性

• 属性可以在元素中添加附加信息
• 属性一般描述于开始标签
• 属性总是以名称/值对的形式出现，比如：name="value"。

HTML 属性常用引用属性值

属性值应该始终被包括在引号内。

双引号是最常用的，不过使用单引号也没有问题。

提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson'

---

HTML 提示：使用小写属性

属性和属性值对大小写不敏感。

不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。

属性	描述
class	规定元素的类名（classname）
id	规定元素的唯一 id
style	规定元素的行内样式（inline style）
title	规定元素的额外信息（可在工具提示中显示）

自闭合标签：

1、一般标签成对出现，中间可以插入别的标签或者内容。

2、自闭合标签单个出现，只能定义一些属性，不能插入别的标签或者内容。

• <input>：定义一个输入框
• <meta>:提供有关页面的元信息
• <link>:定义文档与外部资源之间的关系,通常用来连接样式表
• <br>:用来换行
• <hr>:定义一个水平线
• <img>:定义 HTML 页面中的图像

跳转在同一个窗口

1，target="_self",  它使得目标文档载入并显示在相同的框架或者窗口中作为源文档。(此处就是实现你的每次跳转都在同一个窗口的核心点)

跳转在新的窗口

2、target="_blank" ,浏览器总在一个新打开、未命名的窗口中载入目标文档

常用标签

h1~h6 标题标签

h1最重要，表示一个网页的主要内容，对于搜索 引擎来说，h1的重要性仅次于title,搜索引擎检索完title之后，会立即查看h1中的内容，h1标签会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签，一般我们只是用h1  h2  h3标签。

p 段落标签

p标签中的文字会独占一行，并且段与段之间 会有一个间距

br 换行标签

hr 在页面中生成一条分割线

字符实体

空格      &nbsp;

<           &lt;

>           &gt;

"            &quot;

&           &amp;

'            &apos;

img 标签  告诉浏览器显示一张图片

src 设置一个图片的路径（最好用相对路径）

alt 用来设置图片在不能显示时对图片的表述

title 用于告诉浏览器，鼠标悬停时，需要弹出的描述框中显示什么内容。

px 单位名称为像素，相对长度单位，像素px相对于屏幕显示器分辨率而言，使用性广。