03. HTML标签与文档结构

一、HTML标签与文档结构

一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容,而HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的

1、什么是标签?

# 1、在HTML中规定标签使用英文的尖括号包起来,如:"<head>"
# 2、HTML中标签通常是成对出现的,分为开始标签和结束标签,结束标签比开始标签多一个"/",开始标签和结束标签之间的就是标签的内容。
# 3、自闭和标签功能比较简单,使用一个标签即可,例如:<br/> <hr/> <input/> <img/>

HTML中的标签存放于文本文件中,需要按照下图的文档节后组织:

img

各部分解释:

# 1、<!DOCTYPE HTML>是文档声明,必须写在文档第一行,位于<html>标签之前,表名该文档是HTML5文档
# 2、<html></html>称为跟标签,所有的网页标签都在<html></html>中
	HTML中的lang属性可用于网页或者部分网页的语言,(通常用于搜索引擎和浏览器的统计分析,不定义也没有什么影响),根据W3C推荐标准,我们应该通过<html>标签中的lang属性对每张页面中的主要语言进行声明比如:<html lang="en"><html>
# 3、在<body>和</body>标签中的内容时网页的主要内容,最终在浏览器中显示出来

二、HTML标签详细语法与注意点

1、标签的语法

<标签名 属性1="值1" 属性2="值2"...>内容部分</标签名>
<表签名 属性1="值1" 属性2="值2"...>

2、标签注意事项

# 1、记号/标签不会显示出来
# 2、标签只是用来作记号而不负责控制样式:虽然用<h1>标记的文本在显示时会被加大加粗,HTML的作用只是专门用来对文件做记号来标识其语义(即文本是做什么用的),而为文本添加样式的操作并不是HTML擅长的,
虽然早期的时候确实使用HTML制作样式,但是以后我们使用CSS来专门使用CSS这件事,这也是一种解耦合的思想。
# 3、HTML标签不区分大小写,但是通常建议使用小写
# 4、HTML中有部分标签是可以嵌套的
	例如:<div><p>段落</p></div>,但是不能交叉<div><p></div></p>

三、HTML中标签分类

从嵌套字标签的角度去分, 标签分为两类:

# 1、容器类标签
	容器类标签可以简单理解为能嵌套其他所有标签的标签
    常用容器级的标签:
    h系列
    u1>li
    ol>li
    dl>dt+dd
    div
# 文本类标签
	文本级标签对应容器级标签,只能嵌套文字/图片/超链接的标签
    常见文本级的标签
    p
    span
    strong
    ins
    del

四、HTML注释

1、注释的格式:

<!--注释内容-->

PS:注释中可以直接使用回车换行

并且很多时候我们习惯用注释的标签把HTML代码包裹起来

<!--注释开始-->
	HTML代码
<!--注释开始-->

2、HTML注意事项:

#1、HTML注释不支持嵌套
#2、HTML不能写在HTML标签中

TML注意事项:

#1、HTML注释不支持嵌套
#2、HTML不能写在HTML标签中
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值