html+css 第一天

标签(空格分隔): 黑马传智前端


1. 浏览器内核

浏览器内核分为渲染引擎与JS引擎

  1. Trident(IE内核)
  2. Gecko(firefox)
  3. webkit(safari)
  4. Chromium/Blink(chrome)
  5. Persto(Opera)

2. web标准

web标准构成:

  1. 结构:用于对网页元素进行整理与分类(html)
  2. 表现:用于设置网页元素的版式、颜色、大小等外观样式(css)
  3. 行为:网页模型的定义及交互的编写(js)

3. html骨架

超文本标签语言

HTML作用就是用标记标签来描述网页,把网页内容在浏览器中展示出来——用文字来描述网页标签

4. 标签

  1. 双标签
  2. 单标签

只存在并列及嵌套关系

5. 文档类型<!DOCTYPE>

<!DOCTYPE html> 默认是html5

charset字符集

语义化标签

  1. 方便代码的阅读与维护
  2. 同时让浏览器或是网络爬虫可以更好解析,从而更好分析其中内容
  3. 使用语义化标签会具有更好的搜索引擎优化

6. html常用标签

1. 排版标签:显示网页结构的标签

  1. 标题标签
    <hn>标题文本</hn>

  2. 段落标签
    <p>文本内容</p>

  3. 水平线标签
    <hr />

  4. 换行标签
    <br />

2. div span标签:无语义

3. 文本格式化标签

7. 图片标签

<img src="" />

标签属性

8. 链接标签

<a href="跳转目标" target="目标窗口的弹出方式"></a>
  1. 外部链接:必须加上协议“http://”

  2. 内部链接:直接链接内部页面

  3. 无确定链接:href的属性定义值为“#”(即href=“#”)

  4. 列表项

    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>
  1. 有序列表
<ol>
    <li></li>
    <li></li>
</ol>
  1. 自定义列表
<dl>
    <dt></dt>
    <dd></dd>
    <dd></dd>
</dl>
12-19 14:35