web前端初阶学习——第1章 HTML详解与CSS选择器

1.1 Web是如何工作的：基本架构和原理

1.2 HTML基本要素（标记、元素、内容、属性）

标记和元素

一般不加以区分。理解起来，可以说标记相当于面向对象里的类，元素相当于实例。因此有时候会说，“p标记”“所有的p元素”。

单标记元素

• meta 定义文档的编码方式
• img 图片元素，没有内容，占位
• link 引用外部的资源文件
  

全局属性

即所有html元素都可以添加的属性，常用的有：

• id 唯一标识符，便于css或js选定
• class 指定该元素应用的样式规则，对应css的class选择器
• style 直接为该元素添加特定的样式设置，行类样式属性
• title 为该元素添加特定的文字提示，当鼠标移至该元素时有文本提示
  

1.3 文档类型、注释

<!--   comments   -->

1.4 head及相关标记

head及相关tag

比如编码，title和小icon，keywords和description，样式规则，js代码

1.5 HTML标题、段落和文本格式化

各级标题<h1> <h2> <h3> <h4> <h5> ，字体大小逐级减小

<p> 一段文本
<br> 换行
<hr> 一条水平分割线

<b> <strong> 加粗
<i> <em> 斜体
<small> 字体更小的文本
<del> 删除线
<ins> 下划线

1.6 图片Image和超链接Hyperlink

img 标记

在img标记中，src属性可为网络地址 or 本地路径。注意alt属性

a标记

文档外链接
可以为文字、图片添加超链接，发送新的http请求
在a标记中，href属性可为网络地址 or 本地路径。
target属性默认设置为在当前页面中加载，当设置为"_blank"时表示在新页面中加载

文档内导航
在a标记中，href属性值为"#id"（跳转至id为对应值的元素）、"#"（跳转至文档顶部）、"#botton-section"（跳转至文档底部）。

文档外链接+内导航
在a标记中，href属性为 网络地址#id or 本地路径#id。