b\s架构
实体 &开头 ;结尾
标签
语义化标签
hgroup标题组
标题标签
行内元素(inline element):不会独占一行的;em标签 语调加重 strong强调内容
块元素(block element): 独占一行的
blockquote:表示一个长引用 独占
q:表示一个短引用 不独占
br:表示页面中的换行
局部标签(结构语义化标签)
header 头部
main 主体
footer 底部
nav 导航
aside 侧边栏
article 独立文章
section 独立的区块,上面的都不能表示时使用section
div:没有语义,一个区块;块一般都用div
span:行内元素一般都用span
无序列表 ul li
有序列表 ol li
定义列表 相当于下拉菜单 dl dt
列表之间可以相互嵌套的 ul和 ol本身自己就会缩进
超链接
使用a标签来定义超链接
a里面除了自身都能放
属性:href指定跳转的目标路径
./当前目录去找
…/上级目录去找
target属性:用来指定超链接打开的位置
可选值:_self:默认,在当前页面打开
_blank:在一个新的页面中打开
回到顶部 超链接 href=“#”直接回到顶部
id属性(唯一不可重复的):-每个标签都可添加;-唯一标识符
可以跳转到页面的指定位置#目标元素的id属性值
#,#javascript:;作为占位符点击后什么也没有
图片标签用于当前页面中引入一个外部图片
使用img ;img是一个自结标签;img属于替换元素(基于块和行内元素之间;具有两种元素的特点)
src属性:指定的是外部图片的路径
alt属性:对图片的描述,无法加载时使用
width属性
heigtht属性
网页加载时
第一次加载的是网页
再发送第二次请求加载图片
希望网页图片加载快的时候使用base64 是一把双刃剑
内联框架
iframe:用于向当前页面引入一个其他页面
src:指定路径
frameborder:边框0和1
audio:标签用来向页面中引入一个外部的音频文件
属性:controls autoplay loop(循环播放)特殊的属性不用赋值
vido:标签用来引入视频
source
embed type