一、骨架
1、html:整个页面
2、hed:网页头部,浏览器看的信息
2.1、title:网页标题
3、body:网页主体,用户看的信息
二、标签
1、分类
1.1、单标签
1.2、双标签
2、标签关系
2.1、父子(嵌套)
2.2、兄弟(并列)
3、结构
3.1、<>中放英文字母(标签名)
3.2、结束标签比开始标签多 /
4.注释
4.1、<!-- 注释内容-->
三、排版标签
1、标题 h1~h6
1.1、文本加粗
1.2、字号逐渐减小
1.3、独占一行
2、段落 p
2.1、独占一行
2.2、段与段之间存在间隙
3、换行 br
4、分割线 hr
5、文本格式化
5.1、加粗:strong、b
5.2、倾斜:em、i
5.3、下划线:ins、u
5.4 、del、s
四、多媒体标签
1、图片 img
1.1、src:图片路径,必须存在的属性
1.2、alt:替换文本
1.3、title:悬停提示文本
1.4、width:图片宽度(只设置一个会等比例缩放)
1.5、height:图片高度(只设置一个会等比例缩放)
2、超链接 a
2.1、href:跳转地址,必须存在的属性
2.2、trget=" ":跳转方式
2.2.1、_self:覆盖原窗口
2.2.2、_blank:在新窗口打开
2.3、href="#":空链接
3、音频 audio(支持:MP3、WAV、OGG)
3.1、src:音频地址
3.2、controls:音频控制面板
3.3、loop:循环播放
3.4、autoplay:自动播放
4、视频 video(支持:MP4、WEBM、OGG)
4.1、src:视频地址
4.2、controls:视频控制面板
4.3、loop:循环播放
4.4、autoplay:自动播放
5、路径
5.1、相对路径:从当前文件开始找
5.2、绝对路径:从磁盘开始找