一、
1、电脑模拟键盘
windows r 输入osk
2、<hr> 在html一道横线

379.png
hr标签控制:align(左右中),color、size(高度、粗细)、width、noshade(去阴影)
5.png

<br/>注意斜杠放后面

3、文本修饰标签

<b>标签:加粗

<strong>标签:加粗,语气更强

<i>标签:倾斜

<em>标签:倾斜,语气更加强烈

<u>标签:下划线

<ins>标签:插入标签

<s>标签:字体间横线,删除

<del>标签:删除标签

<sub>标签:下标

<sup>标签:上标

示例如图所示:
380.png
4、font标签
font标签里只能有三个属性
font size:设置大小 只能为0到7,浏览器默认大小是3
font face:设置字体,注意:在本电脑设置的字体,本电脑必须有,浏览器默认字体是微软雅黑。一般网站都是宋体
c盘windows/font下会有本机具有的字体
font color:设置颜色
381.png
5、标题h1、h2、、、h6
快捷键h$*6,需要首先安装插件emmet
h1最大(h1标签非常重要,只能有一次),h6最小
h标签专门控制标题,可以用align控制位置
一般大型网站,根据搜索引擎优化原则,都会把logo图标放在h1标签里
6、p标签
align{left、right、center}和h标签一样,align可控制水平
7、pre标签
预格式化处理标签,里面的内容会保存空格和回车
8、html注释:<!-- --> 快捷键ctrl + /
php注释://单行
/* */多行注释
9、字符实体
比如在编辑其中,如果想要打出< >,必须用实体符号,否则会被当做标签处理
常用实体标签:
6.png
二、无序列表
type属性可以在ul和li中使用
无序列表去掉前面点:type=none或者 css中style设置:list-style-type:none;

<ul type='circle(空心圆)/disc(实心圆)/square空心方块'>
<li type="disc"></li>   
<li></li> 
<li></li> 
<li></li> 
</ul>

列表可以嵌套
7.png
三、有序列表

<ol type=“1”(数字)/“i”(小写罗马)/“I”(大写罗马)/“a”(a、b、c、d)/"A"(ABCD) start="1(从1开始)">
<li></li>
<li></li>
<li></li>
<li></li>
</ol>

四、dl标签

<dl>
<dt>自定义标题</dt>
<dd>自定义描述1</dd><dd>自定义描述2</dd><dd>自定义描述3</dd>
</dl>

案例:京东首页
8.png

9.png

10.png
五、img标签

<img src="" alt="" title="" width="" height="" hspace=""(图片上下空间) vspace=""图片左右空间/>

title指向时提示的文字
alt是图片不加载时,显示的文字
height和width最好不要同时设置,因为只设置一个时,另一个会等比例变化
六、绝对路径相对路径
绝对路径:图片直接根目录,但是在火狐浏览器要是用 file:///+文件(图片)根目录
相对路径:
6、1 在同一文件下(同级关系):
①、直接图片名,如 1.jpg
②、./文件(图片名)

6、2 上一级:
../1.jpg
上两级:
../../1.jpg
下一级:
./images/1.jpg
或者:images/1.jpg