学习前端的第一天笔记分享

网页组成,文字,图片,音频。视频,超链接

转换网页软件,浏览器

五大浏览器、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目标网址

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容