二、HTML标签
1、语法规范
1.1桌面新建文件夹-案例-新建TXT -写入标签-记事本编辑
<>包围的关键词
一般成对出现<html>（开始标签）</html>（结束标签）
单标签（很少出现）<br/>
1.2标签关系
包含关系 父子关系
并列关系 兄弟关系
2、基本结构标签
Html网页都有一个基本结构标签（骨架标签）
3、开发工具
1、VSCODE工具创建页面
文件-新建-文件-保存为网页文件-运行前记得ctrl+s保存
！（英文状态下）-选择第一个！-自动生成骨架-书写-右键Open the Default Browser
2、VScode插件使用
下载插件后一定要重启软件（重新加载）
JS-CSS-HTML插件非常不好用
3、文档类型档声明标签<！DOCTYPE >
告诉浏览器使用哪种Html版本来显示网页
文档最前面 不属于html标签 html外
Lang语言种类<html lang=’’’en’>
En-english 英文网站（也可存在其他语言）
zh-CN-chinese 中文网站
<head>里通过<meta>标签的chars属性来规定html文档使用哪种字符编码
<meta charset=’’’UTF-8’/>
GB2312简体中文 BIG5繁体中文 GBK简繁体中文 UTF-8国标 万国码
4、常用标签
语义标签：标题标签 段落和换行标签
标题标签：<h1>一级标签--<h6>六级标签 每个标题独占一行
（写在<body>中标题）
段落标签<p></p>
换行<br />
文本格式化标签（粗体 斜体 删除线 下划线）
<div><span>无语义标签 盒子 装内容 双标签
<div>分割 分区 一行只有一行 大盒子 和四级标题一样独占一行
<span>跨度 跨距
图像标签属性
图像标签<img src=’’图像URL”/> 单标签
先把图片和html文件放在一个目录下
替换文本 alt
提示文字title
图片设置宽度width
图片设定高度height
设置图片边框border
注意事项
属性写在img标签名之后
多个属性之间空格隔开
属性=属性值 键值对 值用双引号引起来
单独修改高度（或宽度）时，等比变化宽度（或高度）一般设置一个 才不会压扁或失真
路径之相对路径
- 集中管理文件：
建立文件夹
打开目录文件夹的第一层就是根目录
- 相对路径：相对于html页面的位置
同一级路径：直接写图片名 <img src=’’图像URL”/>
下一级路径：写好相对路径
上一级路径：../图片名
路径之绝对路径（相对了解即可）
（1）电脑上的绝对路径
（2）每个电脑路径不同 只能受用与一个电脑 很少使用
网络上的绝对路径 复制图片地址
超链接标签
链接的语法格式
属性href（必须属性）
属性target 打开窗口方式
外部链接
<a href=”http://www.qq.com” target=”_self”>腾讯</a>(当前页面打开) 默认
<a href=”http://www.qq.com” target=”_blank”>腾讯</a>(当前页面打开)
内部链接（同一级） 网站内部页面之间的相互链接
href=“html文件名”
空链接href=“#”
下载链接 地址链接文件.exe zip等压缩包形式
<a href=”img.zip”>
网页元素链接
锚点链接 快速定位到页面某个位置
属性值=#名字 <a href=”two”>第二季</a>
目标位置标签 增加id属性=名字 <h3 id =”two”>第二季介绍</h3>
此处详细参考P26pink （锚点链接）
5、注释和特殊字符
注释
<!—注释-->
Ctrl+/(快捷键)
特殊字符
（记住空格 大于号 小于号）
（观看pink老师https://www.bilibili.com/video/BV14J4114768?p=14&spm_id_from=pageDriver视频笔记）
目录
扫一扫
1万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
