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. 文本格式化标签
| 标签 | 显示效果 |
|---|---|
<b></b>和<strong></strong> | 粗体 |
<i></i>和<em></em> | 斜体 |
<s></s>和<del></del> | |
<u></u>和<ins></ins> | 下划线 |
7. 图片标签
<img src="" />
标签属性
| 属性 | 属性值 | 描述 |
|---|---|---|
| src | url | 图像路径 |
| alt | 文本 | 图像不能显示时的替换文本 |
| title | 文本 | 鼠标悬浮时显示的内容 |
| width | 像素 | 图像的宽度 |
| height | 像素 | 图像的高度 |
| border | 数字 | 图像边框的宽度 |
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. 特殊字符
| 显示结果 | 描述 | 实体名称 | 实体编号 |
|---|---|---|---|
| 空格 | |   | |
| < | 小于号 | < | < |
| > | 大于号 | > | > |
| & | 和号 | & | & |
| " | 引号 | " | " |
| ’ | 撇号 | ' (IE不支持) | ' |
| ￠ | 分（cent） | ¢ | ¢ |
| £ | 镑（pound） | £ | £ |
| ¥ | 元（yen） | ¥ | ¥ |
| € | 欧元（euro） | € | € |
| § | 小节 | § | § |
| © | 版权（copyright） | © | © |
| ® | 注册商标 | ® | ® |
| ™ | 商标 | ™ | ™ |
| × | 乘号 | × | × |
| ÷ | 除号 | ÷ | ÷ |
12. 列表
1.无序列表
<ul>
<li></li>
<li></li>
</ul>
- 有序列表
<ol>
<li></li>
<li></li>
</ol>
- 自定义列表
<dl>
<dt></dt>
<dd></dd>
<dd></dd>
</dl>
202
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
