前端基础概念认知
网页的组成部分:
文字、图片、音频、视频、超链接。
五大浏览器和渲染引擎
1.ie浏览器 (trident)
2.火狐浏览器 (gecko)
3.主要流行:谷歌浏览器 (blink)
4.safari浏览器 (wedkit)
5.欧朋浏览器 (blink)
标签语法有:
1.双标签:<开始></结束> 例如:<a></a>...
2.单标签:<标签名> 例如:<hr>...
标签关系:
1.并列关系:兄弟同一级关系
2.嵌套关系:父子包含嵌套关系
基础标签的认识
排版标签:
标题标签——h1-h6
段落标签——p
文本格式化语义标签:
strong:加粗
em:倾斜
ins:下划线
del:删除线
单标签:
dr:换行标签
hr:分割线标签
媒体标签:
图片img标签(作用是在网页中显示一张图片)
属性:
1.src:图片地址的路径
2.alt:替换文本(只有当图片加载失败时,才会显示文字)
3.title:图片的标题 (鼠标悬停在图片时,才会显示文字)
4.width宽度/height高度(设置图片的宽高,如果只设置一个,另一个会等比例缩放)
注意点:一般只会设置width宽度或者height高度中的一个,如果同时设置了两个,图片可能会拉伸变形。
媒体标签路径:
1.绝对路径:
(1):在个人电脑中,带有盘符的路径(从根目录为起点到某一个目录的路径)
(2):外部链接,以https://开头的路径
2.相对路径:
同级目录:直接写目标文件的名字
下级目录:
1.写目标文件所在文件夹的名字
2.进入目录文件夹 /
3.直接写目标文件的名字即可
上级目录:
1.去上一级目录 ../(注意:可以使用../../再上走一级,以此类推)
2.直接写目标文件的名字即可
音频audio标签:
作用:在网页中插入音频
属性:
1.src:音频的路径
2.controls:播放的控件
3.autoplay:自动播放(谷歌浏览器不支持)
4.loop:循环播放
视频video标签:
作用:在网页中插入视频
属性:
1.src:视频的路径
2.controls:播放的控件
3.autoplay:自动播放(谷歌浏览器不支持)
4.loop:循环播放
链接标签
a标签属性:
1.href:点击所跳转的网页(取值:所需跳转的路径):
(1)外部链接:直接写网址即可(网址需要写完整https://)
(2)本地网址:直接写路径
2.terget:设置跳转方式(取值):
(1)_self:(默认值)在当前窗口中进行跳转,原网页不在了
(2)_blank:在新窗口进行跳转,原网页还在
空链接 :<a href=“#”>空链接</a>