HTML 学习简单总结

目录

1. HTML 介绍

2. 标题(heading)：

4. 超链接a：

5. HTML插入图片注意事项：

图片文件路径：

6. HTML表格：

7. HTML的文档结构：

8.HTML刨析元素

9. HTML刨析文件：

---

1. HTML 介绍

HTML: HyperText Markup Language。是一种标记语言。它包括一系列标签．通过这些标签可以将网络上的文档格式统一，

"超文本"（hypertext）是指连接单个网站内或多个网站间的网页的链接。链接是网络的一个基本方面。只要将内容上传到互联网，并将其与他人创建的页面相链接，你就成为了万维网的积极参与者。

HTML 是构成 Web 世界的一砖一瓦。它定义了网页内容的含义和结构。除 HTML 以外的其它技术则通常用来描述一个网页的表现与展示效果（如 CSS），或功能与行为（如 JavaScript）。

HTML 不是一门编程语言，而是一种用于定义内容结构的标记语言。

在浏览器中看到的任何网页背后都是一个 HTML 文档，只要在网页上点击鼠标右键->查看源代码（用控制台工具也可）就可看到。

        

2. 标题(heading)：

从小到大提供了h1-h6的6级标题

4. 超链接a：

a href=“xx网址” target=“_blank”>xxx
*  href为要跳转去的地址URL。
*  target属性为_blank表示在新的页面打开超链接。
*  超链接标签包含的内容（xxx）即为显示在页面上供用户点击的.

5. HTML插入图片注意事项：

图片文件路径：

*  img src=“图片” 则该图片文件与当前文档在同一目录。
*  img src=“./images/图片”,则该图片文件在当前目录下的images目录中。
*  img src=“…/图片”,则该图片文件在上一级目录中

6. HTML表格：

tr表示行, td表示行中的单元, th是表头的单元（将会加粗显示）
HTML列表list：

*  无序列表：使用ul标签
*  有序列表：使用ol标签

7. HTML的文档结构：

*  新建工作目录
*  自动保存文档
*  新建HTML文件

8.HTML刨析元素

*  开始标签：包含元素的名称，表示元素从这里开始或者开始起作用。
*  结束标签：这表示着元素的结尾
*  内容：元素的内容。
*  元素：开始标签、结束标签与内容相结合，便是一个完整的元素。

9. HTML刨析文件：

*  !DOCTYPE html元素：声明文档类型。
*  html元素：其他元素都嵌套在这个元素里面。
*  head元素：这个元素是一个容器。
*  meta charset=“utf-8”: 这个元素设置文档使用utf-8字符集编码，基本上能识别所有文本内容
*  link rel=“shortcut icon” href=“favicon.ico” type=“image/x-icon”: 指定页面的图标，出现在浏览器标签上。
*  title元素: 设置页面标题，出现在浏览器标签上，当你标记收藏页面时它可用来描述页面。
*  body元素：包含文本上所有内容。

---