html+css 第一天
标签(空格分隔): 黑马传智前端
1. 浏览器内核
浏览器内核分为渲染引擎与JS引擎
- Trident(IE内核)
- Gecko(firefox)
- webkit(safari)
- Chromium/Blink(chrome)
- Persto(Opera)
2. web标准
web标准构成:
- 结构:用于对网页元素进行整理与分类(html)
- 表现:用于设置网页元素的版式、颜色、大小等外观样式(css)
- 行为:网页模型的定义及交互的编写(js)
3. html骨架
超文本标签语言
HTML作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来——用文字来描述网页标签
4. 标签
- 双标签
- 单标签
只存在并列及嵌套关系
5. 文档类型<!DOCTYPE>
<!DOCTYPE html>
默认是html5
charset字符集
语义化标签
- 方便代码的阅读与维护
- 同时让浏览器或是网络爬虫可以更好解析,从而更好分析其中内容
- 使用语义化标签会具有更好的搜索引擎优化
6. html常用标签
1. 排版标签:显示网页结构的标签
标题标签
<hn>标题文本</hn>
段落标签
<p>文本内容</p>
水平线标签
<hr />
换行标签
<br />
2. div span标签:无语义
3. 文本格式化标签
7. 图片标签
<img src="" />
标签属性
8. 链接标签
<a href="跳转目标" target="目标窗口的弹出方式"></a>
外部链接:必须加上协议“http://”
内部链接:直接链接内部页面
无确定链接:href的属性定义值为“#”(即href=“#”)
列表项
target:_self/_blank
9. 锚点定位
<a href="#id"></a>
<div id="id"></div>
10. base标签
设置整体链接的打开方式,在head标签内
<base target="_blank" />
11. 特殊字符
12. 列表
1.无序列表
<ul>
<li></li>
<li></li>
</ul>
- 有序列表
<ol>
<li></li>
<li></li>
</ol>
- 自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>