欢迎来到尧图网

客户服务 关于我们

您的位置:首页 > 科技 > 能源 > HTML第一节

HTML第一节

2025/2/25 3:55:47 来源:https://blog.csdn.net/Y2663438690/article/details/145367555  浏览:    关键词:HTML第一节

一.HTML标签 

注意:1.双标签是要包裹内容的 (单标签单独记)

二.HTML骨架

1.骨架规则

注意:1.title为网页的名字 

2.VS code自动生成骨架

注意:1.先输入感叹号(必须为英文) 再按回车

三.标签间的关系

四.注释

 

注意:1.在要添加注释的一行中的任意位置按快捷键即可添加注释

五.标题 

1.标题标签

 2.段落标签

 注意:两个p显示的段落之间有空隙

技巧:输入h1或p,再按回车键就可以自动切出来<h1></h1>和<p></p>

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>蛊真人</title>
</head>
<body><h1>蛊真人</h1><h2>坚持</h2><p>“我曾经呐喊过,渐渐的我不发出声音。我曾经哭泣过,渐渐的我不再流泪。我曾经悲伤过,渐渐的我能承受一切。我曾经喜悦过,渐渐的我看淡世<间。而如今!我只剩下面无表情,我的目光如磐石般坚硬,我的心中剩下坚持。” </p><h2>失败</h2><p>“我们既然意识到自己的渺小,那就更应该变得强大。我们本来就是渺小的,只是从无知变得有知,你感到痛苦,是因为你在成长。”</p>
</body>
</html>

 六.换行和水平线

注意:1.关于第一条

七.文本格式化标签

 一般用左边的

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>换行和水平线</title>
</head>
<body><strong>strong 加粗</strong><em>em 倾斜</em><del>del 删除线</del><ins>ins 下划线</ins>
</body>
</html>

 

 

八.图片标签 

注:后两个可以通过css来设置 

九.相对路径和绝对路径

 

十.超链接

注:1.打一个a按回车即可生成<a href=""></a> 

十一.音频和视频标签

1.音频标签 

 2.视频标签

 

 注:本文为对B站黑马免费课程的总结,主要用于本人复习和练习用

 

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

热搜词