前端伊始——初识HTML(精华总结)

以下内容为基础认知(简化精华)以及html标签部分的总结,希望对大家有所帮助,关注我,持续更新前端中哦:

老样子,上图,蕴含着好运哦!!

前端伊始——初识HTML(精华总结)_第1张图片

基础:
web标准:结构用html实现,表现由css实现,行为(交互)由js实现
html骨架:title在网页上方显示,网页内的内容是在body内的
使用工具:vscode——可以更高效地开发网页,其中有插件可以改善其功能及显示等
标签分类:单标签和双标签
标签关系:嵌套关系和并列关系
注释:crtl+/
-------------------
正文:
**html标签学习(标签在vscode中可以根据关键字母自动补全):
一.排版标签:
1.标题标签:h1-h6,独占一行
2.段落标签:p
3.换行标签:br
4.水平线标签:hr

二.文本格式化标签:
b,strong加粗;
u,ins(insert插入,插入的和原来不一样,故下划线)下划线标签;
i,em(emphasis强调)倾斜;
s,del删除线(不要999,不要666,现在只要你们的关注,做电商那种类型的删除线效果)

三.媒体标签:
1.图片标签:img 其中的属性有:src:目标图片的路径  alt:图片加载不出来时的替换文本  title:鼠标悬停在图片上时出现的信息  width:加载图片的宽  height即高
2.属性的注意点:
(1)标签的属性写在开始标签内部
(2)属性之间以空格分开
(3)一般加载图片时只使用宽或高其中一个,因为使用不当会变形,写一个会自动适应原比例
3.路径:
(1)绝对路径:网址全名,盘符开始的路径,根目录(ios)
(2)相对路径:html文件与目标文件在同一级时,直接把文件名写在arc即可;当含有html文件的文件夹和目标文件在同一级时,此时可以../表示上一级来找到目标文件;当含有目标文件的文件夹和html文件在同一级时,可以先写出./表示当前级,写出含有目标文件的文件夹名加/找到目标文件
4.音频标签:
(1)标签名:audio
(2)常见属性:src,controls,autoplay(一般不适用),loop
(3)一般用的音频格式为MP3格式
5.视频标签:
(1)标签名:video
(2)常见属性:和音频标签一样(但自动播放可以配合muted属性实现静音播放,不静音无法播放)
(3)常MP4

四.链接标签(超链接):
1.标签名:a
2.特点:
(1)双标签,内部可以包裹内容(包裹的内容即为跳转页面的指示文字)
(2)href指示的即是指定界面的路径,若为开发初期无目标界面,可以先用#空链接
(3)target属性表示目标网页的打开形式,其值为_self时表示覆盖式打开,为_blank时表示新建式打开

你可能感兴趣的:(前端,html)