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。