前端学习Day2

一．html的基本结构

html的语法html标签分为两类：
单标记（空标记）：<标签名称 属性名=“属性值”>
双标记（常规标记）：<标签名称 属性名=“属性值“> </标签名称>二
二.html语法说明：
1.尖括号后面的第一个单词是标签名称
2.标签后面，用空格隔开的叫属性
3.属性和属性值之间用等号连接
4.属性值放在引号中（单双引号都可以）
5.如果一个标签拥有多个属性，属性和属性之间用空格隔开
三．常用标签
1.标题标签
特点：拥有自己默认的大小，文本也是加粗状态，h2-h6可以是网页版块的标题，也可以是一段内容的标题，没有唯一性。
2.加粗标记

b在h5中不推荐
strong特点：默认显示加粗状态，strong标签偏向强调的作用
3.文本倾斜

4.下划线

5.强制换行符

单标记，浏览器只要遇到br,就会把后面的内容放在下一行显示，有几个br就换几行。
6.水平线（了解）

7.上标 下标

8.段落标记

9.代表单个字符或者一小段文本（高亮时）

10.转义字符
11. div 是个盒子 ，作用：专门给网页划分布局

四．html的列表：无序列表、有序列表 、自定义列表
1.无序列表

特点：文本前都有一个实心圆，它是列表符号
2. 有序列表

特点：文本前是数字
拓展：改变列表符号的样式 : type=” ” 属性值：a/A,i/I
改变列表符号开始的符号：start=” ” 属性值为一个数字，从第几个开始
3. 自定义列表

五．超链接
六．图片：一种是img标签导入的图片， 一种是通过css添加的背景图
七．相对路径：

1.同级找同级 ./目标名称
2.父级找子级 ./文件夹的名称/目标文件的名称
4. 子级找父级 …/返回上一级
拓展：可以组合使用
八．表格：
表格的作用：显示数据，每一个table就是一个表格。
上列表示一个三行三列的表格，运行结果如下：