No.1 特色教学
一、前端三宝同步学:
html+css+js
二、学习方法:
同步 + 实用+ 具体 + 谦卑
No.2 认识HTML
一、创建网页过程
HTML
DOM
WINDOW
二、HTML5 文档结构
代码
描述
通知浏览器这是一个HTML5文件
…
根元素,包含整个HTML文档内容
搜索引擎html文档通知
使用的编写语言。en是英语,zh-CN是中文
共浏览器和搜索引擎使用,描述字符编码集,视口与页面标题。
设置页面元素数据
通知浏览器html编写语言所属的字符编码集
name=”viewport”
设置视口如何显示页面
initial-scale=1.0
设置页面初始缩放比例
,1.0表示原样显示,不缩放 |
|
… | 显示在浏览器标签上的文本,指定当前页面标题 ||
… |页面主体内容 || |描述标签功能或用途,其内容不出现在网页中 |
三、HTML5 元素
元素类型
标签类型
非空元素
双标签
元素内容结束标签>
空元素
单标签
四、元素的属性与值
属性=属性名+属性值,必须写在起始标签中;
语法:属性名只使用小写字母,属性值加上“双引号”。
属性值类型
属性值描述
1字符串
提交
2预定义值
3指定格式
4数值
5布尔值
五、语义化的布局元素
名称
标签
1标题
—
2页眉
3页脚
4导航
5主体
6文档
7边栏
8片段
9区块
如图:
六、常用的语义化文本元素
名称
标签
描述
1段落
段落内容文本
2 格式化
按原代码格式原样输出
3内联框
与
4日期时间
5下标/上标
/
编写数学公式或文本特殊标记
6地址
7删除线
8代码块
9进度条
需要与css,js脚本配合
10加粗
11斜体
12高亮标记
默认黄色
13 引用
内容加双引号
” class=”reference-link”>七、链接元素
八、图像的作用
让页面栩栩如生,触手可及。
九、列表元素
1、有序列表
2、无序列表
3、自定义列表
十、表格元素
No.3 元素的三大属性
一、id属性:
1、 获取页面中的一个元素,
2、由用户保证他在当前页面的唯一性,浏览器并不检查,专用于获取唯一元素。
二、class属性:
1、获取页面中的一类元素,
2、返回多个具有共同特征的元素集合。
三、style属性:
1、设置某个元素的内联样式,
2、设置当前元素对象的具体样式
补充:
元素(标签)选择器 :
-元素选择器优先级小于类选择器, 类选择器小于id选择器
-tag
No.4 前端基础
一、对象
页面中所有的内容就是对象。
二、window
是浏览器的全局对象。
三、doucment
文档对象,代表当前的html文档。