学习前端的第二天

一、HTML的基本结构
H5基本上分为两个区域，描述区和内容区

二、HTML的语法
1.html的标签分为两类，单标记又叫空标记，双标记又被称为常规标记。其中，成对出现的都属于双标记。
2.语法
双标记：<标记名称 属性名=“属性值”> </标记名称>
单标记：<标签名称 属性名=“属性值”>
3.语法说明
a：在尖角号后面的第一个单词就是标签的名称；
b: 在标签后面，用空格隔开是属性；
c: 属性和属性值之间用等号连接；
d: 属性值放在引号里面（单双引号都可以）；
e: 如果一个标签拥有多个属性的时候，属性和属性之间用空格隔开。
三、常用的标签
1.标题标签

其中一级标题具有唯一性并且在一个页面只能出现一次，放logo，h2-h6可以是网页板块的标题，也可以是一段内容的标题，无限制。
特点：拥有自己默认的大小、文本也是加粗状态。
2.加粗标记
点：默认显示加粗状态
比较常用的是strong，strong标签偏向强调语气的作用。
3.文本倾斜
4.下划线
5.强制换行符
特点：只要有br，就会将后边的内容放在下一行显示，如果想多空几行，空几行，用几个即可。
6.水平线
7.上标，下标
8.段落标记
9.代表单个字符或一小段文本
10.转义字符
11.div是个盒子，主要用来给网页划分布局
四、HTML的列表
Htlm的列表分为三种，无序列表，有序列表，自定义列表
1.无序列表
2.有序列表
拓展：
改变列表符号的样式：
type=""
属性值：a / A
属性值：i / I
改变列表符号开始的符号：
start=""
属性值为一个数字，代表从第几个开始
3.自定义列表
五、超链接
a里面的属性：
href=“跳转的地址”
target=""
属性值：
_self(默认值,在当前页面打开)
_blank(新创建一个窗口打开)
title="" 提示信息（大部分标签都能支持title属性）
六、图片
网页的图片展示两种：
a.一种是img标签导入的图片；
b.一种是通过css添加的背景图。
今天学习的是img标签导入图片。
标签的应用：
img标签里面的属性:
src=“图片的路径”
alt=“文本替换图片”
alt说明：(alt属性，属性值为空也尽量别删除)
a:当图片加载不出来的时候，alt里面的文本替换图片
b:有利于seo优化！方便搜索引擎对图片进行检索。
title=""
title说明：
a:提示信息
b:title可作为图片的一个小标题
width="" 图片的宽
height="" 图片的高
border="" 图片的边框
七、相对路径
1.同级找同级 ./目标名称
2.父级找子级 ./文件夹的名称/目标文件的名称
3.子级找父级 …/即返回上一级
八、表格
表格的作用：显示数据
tr 行
td 列
表格里面的属性：
width="" 宽度
height="" 高度
border="" 边框
bordercolor="" 边框颜色
所有程序截图如下

结果如下