目录
1.HTML语法规范
1.1基本语法概述
1.HTML标签是由尖括号包括的关键字，eg.<html>
2.HTML标签通常是成对出现，称为双标签，eg.<html>和</html>，第一个是开始标签，第二个是结束标签
3.有些特殊的HTML标签必须是单个标签（极少情况），称为单标签，例如</br>
1.2标签关系
双标签关系可以分为包含关系和并列关系。
2.HTML基本结构标签
2.1第一个HTML标签（骨架标签）
每个网页都会有一个这样的基本结构标签，页面内容也是在这些基本结构标签上书写的
| 标签名 | 定义 | 说明 |
| <html></html> | HTML标签 | 页面中最大的标签，称之为根标签 |
| <head></head> | 文档的头部 | 注意在head标签中我们必须设置的标签是title |
| <title></title> | 文档的标题 | 让页面拥有属于自己的网页标题 |
| <body></body> | 文档的主体 | 元素包含文档的所有内容，页面内容基本都是放到body里面的 |
HTML文档的后缀名必须是.html或.htm
3.网页开发工具
3.1 VSCode 的使用
第一步：新建文件 （Ctrl+N）
第二步 保存文件
保存为网页文件，文件名后缀为.html
第三步 生成页面骨架结构
打出一个英文叹号!，在弹出的对话框选择第一个!或者按下Tab键
第四步 在浏览器预览页面
单击鼠标右键，点击Open In Default Browser ：在默认浏览器打开（需要安装插件open in browser）
附加：调节代码字体大小：Ctrl +加号键 放大，Ctrl +减号键 缩小
3.2 VSCode工具生成骨架标签新增代码
1.<!DOCTYPE html> 文档类型声明标签,告诉浏览器这个页面采取html5版本来显示页面
2.<html lang= "en" > en 英文 zh-CN 中文 ，告诉浏览器或搜索引擎这是个英文/中文网站
其实对于文档显示来说，定义为en也可以显示中文，定义为zh-CN也可以显示英文
3.<meta charset="UTF-8" /> 必须写！！！
4.HTML常用标签
4.1标签语义
4.2 标题标签
HTML提供了6个等级的网页标题<h1>-<h6>
标题语义：作为标题使用，并且根据重要性递减
特点：一个标题独占一行
4.3 段落和换行标签
<p>标签：定义段落
添加段落标签把文章分成不同的段落
<br />换行标签
特点：<br />是单标签，只是简单的强制开始新的一行，与段落不一样，段落间会插入一些垂直的间距
4.4 文本格式化标签
重点记住加粗和倾斜
4.5 <div>和<span>标签
4.6 图像标签和路径（重点）
1.图像标签 — — <img>标签
<img src="图像URL"/>
图像标签的其他属性
图像标签属性注意点：
1.图像标签必须写在标签名后
2.属性之间不分前后顺序，标签名与属性，属性与属性之间均以空格分开
2.路径（前期铺垫知识）
（3）路径
路径可以分为相对路径和绝对路径
1.路径之相对路径
2.路径之绝对路径
4.7 超链接标签（重点）
1.链接的语法格式
<a href="跳转目标" target="目标窗口的弹出方式"> 文本或图像 </a>
| 属性 | 作用 |
| href | 用于指定链接目标的url地址，（必须属性）当为标签应用href属性时，就具有了超链接的功能 |
| target | 打开窗口的方式 默认的值是_self 当前窗口打开页面 _blank 新窗口打开页面 |
2.链接的分类
点击图片跳转网页链接
5.HTML中的注释和特殊字符
5.1 注释
语法格式：<!-- 注释语句 --> 快捷键: ctrl + /
5.2 特殊字符
6、小总结
6.1 head 标签
- title（标题）
- meta（网页基本信息（供搜索引擎））
- style（CSS样式）
- link（链接CSS文件或脚本文件）
- script（定义脚本语言）
- base（定义页面所有链接的基础定位）
6.2 body 标签
（1）段落文字标签
- <h1> ~ <h6> 标题
- <p> 段落
- <br> 换行
- <hr> 水平线
- <div> 分割（块元素）
- <span> 区域（行内元素）
（2）文本格式化标签
<strong> 加粗
<em> 倾斜
<del> 删除线
<ins> 下划线
<sup> 上标
<sub> 下标
" " 空格
2965
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
