说在前面

本文档只是对html学习过程中一些重点知识的总结，以及起一个引导萌新的作用，也相当于一个备忘录，是我再学习的路上觉得重要的，有意思的相关事情的整合

注意：由于typora会把html标签进行翻译，所以我给标签加些标点符号或“这里”来让他现行

推荐文章(13条消息) 前后端交互详解(建议收藏)抱着猫睡觉的鱼的博客-CSDN博客_前后端交互

1.html是什么？浏览器是干什么的？web有标准吗？

• 是一种标记语言，标记语言又是一种标记标签

• 浏览器内核（渲染引擎）：负责读取网页内容信息，整理讯息，计算网页的显示方式并显示页面。

• web标准：

  1.因为浏览器不同，他们显示的页面和排版可能就有些许差异，需要一套标准去让他们一样

  2. web标准的构成：

  3. 结构：用于对网页的元素进行整理分类，现阶段主要指html

  4. 表现：用于设置网页元素的板式颜色，大小外观等样式，主要指CSS* *

  5. 行为：指网页模型的定义以及交互的编写，如JavaScript。

  6. web标准的最佳体验方案;把结构样式行为相分离：可以理解成各干各的，结构写道HTML文件中，表现写道css文件中，行为写道JavaScript文件中。

     1.1 HTML语法规范

     • HTML标签是由<>括起来的关键字，

     • 他们一般成对出现， 前者代表起始标签，后者代表结束标签（有/）.

     • 也有单标签 不需要结束标签

       1.2标签关系

       • 双标签可以分为包含关系和并列关系

       • 包含关系可以理解成嵌套，一个标签里面包含有另一个标签

                  <title></title>
         

     1.3 HTML基本结构标签

     标签名	定义	说明
     <这里html></html这里>	html标签	页面中最大的标签，叫跟标签
     <这里head></head这里>	文档的头部	在head标签里一定要设置title标签
     <这里title></title这里>	文档的标题	让页面有自己的网页标题
     <这里body></body这里>	文档的主题	元素包含文档的的所有内容，页面内容基本都是放到body、里的

** 嫖的黑马的图图**

2.安装开发者工具

0. 一般用vscode是比较适合新手，其他的像submit虽然也好，不过我建议都用vscode
1. 接下来下载开发需要的插件，直接拓展里面搜索html，js，css这些就可以
2. 为了更美观与方便，还可以下载这些

3.安装好html插件后我们！系统会给我们生成他们都是些啥？

4.html常用标签

文本类的：

0. 标题标签 <。h1>到<h6。> ,代表了一道6级的标题

   （1作为标题使用，并且依据重要性递减

   （2加了标题标签的文字会变大而且会独占

1. <.br />这个是换行的意思，相当于回车

2. <。strong><strong/。> and <。b><b/。>都是加粗的意思。前者更好

3. <em。><。em /> and会把他们里边的字搞成倾斜体

4. <。p> <p 。/>这个是一个段落的意思

图片超链接类的：

img src="jmg.jpg" 使用方法

img src="img.jpg" alt="1" title="2" width="50" height="50" border=" 15"/>

如此操作就可以显示一个宽50 高50 有边框为15的图像，当图像无法显示的时候为出现文本 1（alt），当你把鼠标移动到图像时为出现文本 2（title）

重点！

• 路径有相对与绝对，建议大家都写相对路径

• 相对路径写法：

• 1、./是当前目录

  2、../是父级目录

  3、/是根目录

  根目录指逻辑驱动器的最上一级目录，它是相对子目录来说的。打开“我的电脑”，双击C盘就进入C盘的根目录，双击D盘就进入D盘的根目录。其它类推。根目录在文件系统建立时即已被创建，其目的就是存储子目录（也称为文件夹）或文件的目录项

我会持续更新qwq