1.什么是HTML:(hyper text marked language)超文本标记语言
2.网页的发展历程:
3.常见的浏览器:IE、火狐(Firefox)、谷歌(chrome)、Safari、Opera。称为五大浏览器
4.浏览器内核:一个完整的浏览器包含浏览器内核和浏览器外壳。浏览器内核又分为:渲染引擎(Layout Engine或Rendering Engine)和js引擎,JS越来越独立,内核就倾向于只指渲染引擎
5.主流浏览器内核:
Trident(IE内核)
Gecko(Firefox)
Webkit(Safari)
Presto(Opera)
Blink(Chrome)
6.W3C标准
结构标准(XML和XHTML)
样式标准(css)
行为标准(js)
7.骨架结构
<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
</html>
8.标签(又称为元素)
单标签:<标签名 />只能有属性,不能嵌套其他标签和内容
双标签:<标签名>内容</标签名>可以嵌套其他标签和内容
文本测试:lorem,快速生成文本用于测试标签
9.文本标签(双标签、独占一行)
段落标签:p标签 <p>内容</p>
标题标签:h标签 <h1>内容</h1> h1~h6字体依次变小变细。
注:h标签可以嵌套p标签 但是h标签不能被p标签嵌套
10.文本格式化标签(不独占一行、双标签)
加粗:<strong>内容</strong>、<b>内容</b> (strong标签语义化更强)
中划线:<del>内容</del>、<s>内容</s>
下划线:<u>内容</u>、<ins>内容</ins>
斜体:<i>内容</i>、<em>内容</em>(em语义化更强)
11.盒子标签
div标签:<div>内容</div>独占一行
span标签:<span>内容</span>不独占一行
12.列表标签
有序列表:ol>li*n
<ol>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
……
</ol>
无序列表:ul>li*n
<ul>
<li>列表项1</li>
<li>列表项2</li>
<li>列表项3</li>
……
</ul>
13.表格标签
table:定义一个表格 <table>行列</table>
tr:表格的行 <tr>单元格</tr>
td:表格的单元格 <td>内容</td>
th:表头。可以替换td,有文本加粗居中的效果
thead:表格头部
tbody:表格主体
tfoot:表格页脚
caption:表格标题 <caption>标题</caption>
14.表格合并标签
rowspan:跨行。纵向合并
colspan:跨列。横向合并
注:被合并单元格删除
15.锚点标签:通过创建描点链接,用户能够快速定位到目标内容。
步骤:
1、在跳转目标的位置添加id名标注
2、使用<a href="#id名">链接文本</a>
15.链接标签a标签:<a href="跳转目标" target="目标窗口的弹出方式">链接的文本或图像</a>
href:用于指定链接目标的url地址。当输入外部链接是需要加上https://
target:用于指定链接页面的打开方式,其取值有_self和 _blank两种,self表示在本窗口中打开链接页面,blank表示在新窗口中打开。
16.路径
绝地路径:本地磁盘或者网络地址
相对路径:
./:当前文件所在文件夹
../:当前文件所在文件夹的上一级文件夹
/:放内容后面表示进入文件夹,放内容前面表示所在根目录
注:开发一般都是使用相对路径