html5 day2

                         html5 

#day2知识点

H5的基本结构
分为两个区域；head描述区 body内容区
html的语法；
html标签分为两类
单标记（空标记） 双标记（常规标记）成对的
语法
双标记；<标签名称 属性名=“属性值”> </标签名称>
单标记；<标签名称 属性名=“属性值”>
html语法说明
1；在尖角好后面的第一个单词就是标签的名称
2；在标签后面，用空格隔开的是属性
3；属性和属性值之间用等号连接
4；属性值放在引号里面（单双引号都可以）
5；如果一个标签有多个属性时，属性和属性之间用空格隔开
常用标签
1；标题标签

-

区别：拥有自己默认的大小，文本也是加粗状态 唯一性：h1一个页面只能出现一次 放logo
h2-h6可以是网页板块的标题，没有唯一性
2：文字加粗标记 区别strong偏向强调语气的作用
3：文本倾斜标记
4：下划线标记
5：强制换行符
特点：浏览器只要遇到br 后面的内容聚会放到下一行
6：水平线标记

---

7：上丶下标记 (上) （下）
8：段落标记

9：代表单个文字后一小段文本 利用css可以达到字体变色
10：转义字符 &nbsp；（空格） &gt； &lt； （左右尖角号） &copy；版本符号（备案图标）
11：div

作用：专门给网页划分布局的
html的列表
有序列表

无序列表

自定义列表

（

一般情况下放置图片

）（

放到是对图片的解释

）

拓展： 改变列表符号的样式：type=“属性值” 属性值：a/A i/I
改变列表符号开始的符号： start+“属性值” 属性值指一个数字，数字呆表几就从第几个开始
超链接
a里面的属性href=“跳转的地址” 开头为http：//网址
target=“属性值” 属性值为_self(默认值：在当前页面打开) _blank(在新窗口打开)
title=“”提示信息 也可以作为图片的一个小标题（大部分标签都支持title属性）
标签的应用
img标签里的属性 src=“图片的路径”
alt=“文本替换图片”（属性值为空也不能删除） 说明：当图片加载不出来是，alt里面的文本替换图片
width=“”图片的宽 height=“”图片的高 border=“” 图片的边框
找图片位置（相对路径）
目标和你在同一个文件 同级找同级 ./ 当前路径
父级找子级 ./文件夹名称/图片名称
子级找父级 …/返回上一级/图片名称
表格 行 列
width=“”宽 hight=“”高 border=“”边框 bordercolor=“”边框颜色