网页组成,文字,图片,音频。视频,超链接
转换网页软件,浏览器
五大浏览器、ie、火狐、谷歌(最实用)、opera浏览器、safari(苹果)
渲染引擎进行渲染在浏览器中显示(浏览器内核)
不一样的内核渲染出的内容也不一样、速度、性能、效果
web标准,**html(页面元素也叫结构) 、css(页面样式也叫外在表现)、javascript(行为——动态效果、页面交互需要逻辑性)**
**html决顶架构,css负责美观和样式,js负责让他动起来**
html(超文本标记语言)必须遵循语法
/ 表示结束有些标签不需要结束符号
**备注:需要在文件中文件扩展名打开才能看的到**后缀
html骨架结构 (开发工具会给)
开头html
hemd开始 title标题(网页名字)
body主体内容 (图片、音频、视频、超链接、文字)
结束html
**备注:代码打完按回车或者tab直接出标签,打 !出结构s**
**注释**浏览器看不见,方便记忆合作(给别人看的)快捷键 ctrl+/
h:标签等级越高字越大(1最大)
p:段落
br:单标签换行
hr:在页面中显示一条线
格式化标签
![image-20230311143335681](C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20230311143335681.png)
图片标签:img
src(目标图片路径)
alt(当加载失败时显示的文字) 替代文本
title(鼠标放上去会显示)
width(宽度)height(高度)一般自适应,也可以自定义
1.标签写在开始标签里面(两个属性用空格分开)
相对路径:从当前文件开始寻找目标文件一般三种情况同级、上级、下级尽量用编辑器提示不要自己打路径近代码自己打容易出错
./表示从同级级提取,下级提取在同级往下
../表示从上级提取。
音频标签:audio(MP3、wav、ogg)
视频标签:video(MP4、webm、ogg)
![image-20230311155858616](C:\Users\user\AppData\Roaming\Typora\typora-user-images\image-20230311155858616.png)
谷歌浏览器需要配合muted使用
超链接标签:a 重新打开一个页面 _blank
#代表不跳转
href目标网址