html 学习打卡day1

文章介绍了网页的基本组成部分,包括文字、图片、音频、视频和超链接,以及网页的本质是前端程序员编写的代码,运行于浏览器。此外,讨论了Web标准的重要性。文章还详细说明了如何在Vscode中创建HTML框架,使用注释,以及理解标签的结构和关系,如父子、兄弟关系,并列举了标题、段落和换行等基本HTML标签。
摘要由CSDN通过智能技术生成

一:网页的组成与本质

  1. 网页的组成部分:文字 图片 音频 视频 超链接。
  2. 网页背后本质:前端程序员写的代码
  3. 前端代码专为页面的媒介:浏览器

二:web标准

98f0cb2fe2e441179aea8ef45e5f3e89.png

 

三:Vscode的使用

框架结构

在Vscode 中英文状态下的!➕回车可以直接出现html 文件的主体框架33dd9c3f02dc4689bf93939c0beffd15.png

 注释的使用

在VS中:ctrl +/,再按一次ctrl+/ 取消注释

c7394bd318b0436a9aa3f8f31152a237.png

 标签的组成和关系

标签的结构图:

01fb21ddaa9e4997ab686f2e584b8c79.png

若要确定开始和结束的位置则采用双标签,不需要的则用单标签。

 标签的关系:

父子关系(嵌套关系):如图二中

<head>

      <title ></title >

</head >

兄弟关系(并列关系)

 

四:标签

标题标签

242f85b96dd6421ebb7ff823137068d8.png

4ae6f8886cb6467995bb788a1c3883d3.png46fd8f6a53794035bd8ea2a1c2f48c07.png  

段落标签

d52ce8015c8e4b9fa34dcee8c0609e56.png

14b46c3e485543968c5bdb02ab487d96.png 

10e0aac9108a4b01bc99c39d28e1fdb3.png
 

 

换行标签

6b52b04d51c64673b81a2b6c90519237.png

 

2a76b7ee30844122b3cda8abcd7d81dc.png 

4b58b41de0184da49f39966c5be0a733.png 

61e250da1afe4c6499f94edf10f35fd9.png 

8df6a5b250d945d6af74af2ae60eeab4.png 

3bf3bba9bc9247119786061e004678f4.png  

 

 

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值