目录
Sublime快捷键
页面骨架
- html:5 + Tab
- ! + Tab
浏览页面
- 直接在空白处，右键——在浏览器中打开
选中多行
- 按住滚轮往下拉
注释
- Ctrl + /（?）：把光标定在想要注释的语句上就行
- Ctrl + shift + /：选中语句
页面语言lang
<html lang="en"> 指定html语言种类最常见的两个
- en：英语
- zh-CN：中文
字符集
字符集是多个字符的集合。计算机要准确的处理各种字符集文字，需要进行字符编码，以便计算机能够识别和存储各种文字。
<meta charset="UTF-8" />utf-8是目前最常用的字符集编码方式，常用的字符集编码方式还有gbk和gb2312。
- GB2312：简单中文，包括6763个汉字 国标
- BIG5：繁体中文，港澳台等用
- GBK：包含全部中文字符，是GB2312的扩展，加入对繁体字的支持，兼容GB2312.
- UTF-8：基本包含全世界所有国家需要用到的字符。
- 这句代码是必须要写的，否则可能会引起乱码的情况。
排版标签
| 标签名 | 定义 |
| <hx></hx> | 标题标签 |
| <p></p> | 段落标签 |
| <hr /> | 水平线标签 |
| <br /> | 换行标签 |
| <div></div> | div标签 |
| <span></span> | span标签 |
标题标签h
作为标题使用，并且依据重要性递减
<h1> 标题文本 </h1>
<h2> 标题文本 </h2>
<h3> 标题文本 </h3>
<h4> 标题文本 </h4>
<h5> 标题文本 </h5>
<h6> 标题文本 </h6>段落标签p
<p> 文本内容 </p>水平线标签hr
<hr /> 这个是单标签换行标签br
强制换行
<br />br和p标签的换行区别
我爱喝奶茶<br>
我超爱喝奶茶<br>
------br标签
<p>我爱喝奶茶</p>
<p>我爱喝珍珠奶茶</p>
------p标签
div和span标签
- div标签：块级元素，相当于一个盒子，里面可以装很多标签，独占一行，可以改变宽度和高度
- span标签：行内元素，在一行显示，不能改大小，只能放文本或者其他行内元素
<div>珍珠奶茶</div>
<div>芋泥奶茶</div>
<span>蛋黄酥</span>
<span>蛋挞</span>
文本格式化标签
| 标签 | 显示效果 |
| <b></b>和<strong></strong> | 粗体 |
| <i></i>和<em></em> | 斜体 |
| <s></s>和<del></del> | 加删除线 |
| <u></u>和<ins></ins> | 加下划线 |
图像标签img
<img src="图像URL" /> 单标签| 属性 | 属性值 | 描述 |
| src | URL | 图像的路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬停时显示的内容 |
| width | 像素 | 设置图像的宽度 |
| height | 像素 | 设置图像的高度 |
| border | 数字 | 设置图像边框的宽度 |
链接标签
<a href="目的地址" target="窗口弹出方式>文本或图像</a>| 属性 | 作用 |
| href | 目的URL地址 |
| target | 页面打开方式 _self:默认值 _blank:在新窗口打开 |
如果页面还没有写好，可以用“#”代替
<a href="#">奶茶</a>注释标签
<!-- 注释标签 -->快捷键
- Ctrl + /（?）：把光标定在想要注释的语句上就行
- Ctrl + shift + /：选中语句
路径
相对路径
| 路径分类 | 符号 | 说明 |
| 同一级路径 | 在一个文件夹中 只输入图像名字就可以 | |
| 下一级路径 | "/" | 图片放在和html同级的文件夹中 |
| 上一级路径 | "../" | "../"意思是可以返回上一级 html文件放在和图片同级的文件夹中 |
绝对路径
- 直接复制电脑里的路径就ok
- 也可以直接复制网页里面图片的地址，网络地址
不提倡使用，换个电脑或者换个路径就不行
