11.27日报
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
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标签中