HTML——标签之文字排版、图片、链接、音视频

HTML 定义

HTML 超文本标记语言——HyperText Markup Language(很甜蜜了)

  • 超文本是什么?链接 - 通过链接可以把多个网页链接到一起
  • 标记是什么?    标记也叫标签,带尖括号的文本

标签语法  

      

  •  标签成对出现,中间包裹内容
  • <>里面放英文字母(标签名)一般都是小写
  • 结束标签比开始标签多 /

拓展 

  • 双标签:成对出现的标签
  • 单标签:只有开始标签,没有结束标签,如:

HTML 基本骨架 

 

  • html整个网页
  • head网页头部,用来存放给浏览器看的信息,例如CSS 
  • body网页主体,用来存放给用户看的信息,例如图片、文字 

<!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>
    <!-- 很开心,马上月薪过万了 -->
</body>
</html>

标签的关系 

 作用:明确标签的书写位置;让代码格式更整齐

  • 父子关系(嵌套关系) 

  •  兄弟关系(并列关系)

  •  代码格式 
  • 父子关系:级标签换行且缩进Tab键)
  • 兄弟关系:兄弟标签换行要对齐

注释标签 

注释就是对代码的解释说明,其目的是让人们能够更加轻松地了解代码,注释是编写代码时,写程序的人给一个语句、程序段、函数等的解释或提示,能提高代码的可读性

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值