2020.11.27日报-CSDN博客

本文链接：https://blog.csdn.net/m0_51767687/article/details/110260656

emmet语法
1.生成标签直接输入标签名按tab键即可比如 div 然后tab键，就可以生成
2.如果想要生成多个相同标签加上就可以了比如div3 就可以快速生成3个div
3.如果有父子级关系的标签，可以用>比如 ul>li就可以了
4.如果有兄弟关系的标签，用 + 就可以了比如div+p
5.如果生成带有类名或者id名字的，直接写 .demo 或者 #two tab键就可以了
6.如果生成的div类名是有顺序的，可以用自增符号$

.demo$*3
<div class="demo1"></div>
<div class="demo2"></div>
<div class="demo3"></div>

HTML基本格式

骨架结构

<! DOCTYPE html>
<html lang="en">
 <head>
    <meta charset="UTF-8">
   <title>Title</title>
   </head>
   <body>
</body>
</html>

段落标签

<p>内容</p>

文档标题

<title>文档标题</title>

HTML注释标签

<!-- 注释语句 -->

链接标签

<a href="跳转目标" target="目标窗口的弹出方式">文本或图像</a>

新窗口打开网页

** target=_blank**

新窗口打开网页

target=_blank

HTML锚点的应用
** 实现页面内的跳转
有点像链接，区别与链接 **

使用方法
** 通过创建锚点链接，用户能够快速定位到目标内容。**
创建锚点链接分为两步：

1.使用相应的id名标注跳转目标的位置。（找目标）
<h3 id="two">第2集</h3>

2.使用<a href="#id名">链接文本</a>创建链接文本（被点击的） 
（拉关系） 我也有一个姓毕的姥爷..
<a href="#two">

HTML 特殊字符
小于号 <
大于号 >
空格

统一新窗口开链接

<base target="_blank">

预格式化标签pre

<pre>
内容
</pre>

表格标签

<table>
<tr>
<td></td>
<td></td>
</tr>
<tr>
<td></td>
<td></td>
</tr>
</table>

<th></th> 表头单元格标签 也是一个单元格，但是里面的文字会居中且加粗
<caption></caption> 表格标题标签 表格的标题，跟着表格一起走，和表格居中对齐
clospan & rowspan 合并

表格标题caption
** 定义和用法 **

<table>
   <caption>我是表格标题</caption>
</table>

表格的三个划分

1.:用于定义表格的头部。用来放标题之类的东西。内部必须拥有标签！
2.:用于定义表格的主体。放数据本体。
3.:放表格的脚注之类。
4.以上标签都是放到table标签中。