HTML基础知识总结 2021新版

本文介绍了HTML的基础知识,包括HTML的标记组成,标记的格式、大小写不敏感、单双标记的区别,以及标记对不能交叉嵌套使用的规则。此外,还探讨了HTML的基本结构,强调了 与 之间的嵌套规范。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1、 HTML 简介

Hypertext Markup Language (超文本标记语言) 简写:HTML

HTML 利用各种标记来标识文档的结构以及标识超链接的信息。
HTML是通过标签来标记要显示的网页中的各个部分。网页也是文件本身一种文本文件,通过在文本文件中添加标记符,告诉浏览器应该如何显示其内容(比如:文字的处理、网页的排版、图片的显示等)

图为HTML文本

2、 HTML 的标记组成

HTML 用于描述功能的符号称为“标记”。标记在使用时必须用尖括号“ <> ”括起来,而且是成对出现的,无斜杠的标记表示该标记的作用开始,有斜杠的标记表示该标记的作用结束。如 <body></body> 、 <p></p> 等。

1、标记的格式

<标记名>封装的数据</标记名>
如:<body>hello</body><p>欢迎关注覃仔!</p>

2、标记大小写不敏感

3、标记分为单标记 和 双标记

1) 单标记:有些标记能完整的表达标记里的意思,只须在尖括号中输入标记名即可,这类标记叫单标记。 XHTML 中要求单标记也必须闭合,即在标记“ > ”前添加斜杠。常见的单标记如 <br /> 、 <hr /> 等。

2) 双标记:双标记有头有尾,且前面的标记与后面的标记保持一致,但在后面的标记前有斜线。如: <p> 段落 </p>等。

4、标签自己的属性
1)基本属性:

bgcolor="red" 		
可以修改简单的样式效果

2)事件属性:

οnclick="alert('你好!');" 可以直接设置事件响应后的代码

5、 标记对不能交叉嵌套使用

3、 HTML 基本结构
<html><!--表示网页的开始-->
 <head><!--头信息-->
 <title> 网页标题 </title>
</head>
<body>
 页面主体内容
</body>
</html><!--表示网页的结束-->

1) <title> 标记对不能放在 <body> 标记对中,同理,其它表示内容的标记也不能放在 <head> 标记对中。

2) <html></html> 表示 HTML 语言,在 里面包含头部 () 和内容体 () 。

3) HTML 注释表示为 <!-- 注释内容 -->

第一个HTML实例:
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值