HTML 简介

HTML总体上分为两个部分,一个是头部head,一个是身体body。

<!DOCTYPE html>
<html>

<head>
    <title>我的第一个HTML页面</title>
</head>

<body>
    <h1>欢迎来到我的网站!</h1>
    <p>这是我的第一个HTML页面。</p>
    <img src="example.jpg" alt="示例图片">
    <a href="https://www.example.com">点击这里访问示例网站</a>
</body>

</html>

  • ​<!DOCTYPE html>:声明为HTML5文档,告诉浏览器使用HTML5来解析页面。
  • ​<html>:HTML页面的根元素,包含了整个HTML文档。
  • ​<head>:包含文档的元数据,如字符编码声明 ​<meta charset="utf-8">​,描述文档的其他信息。
  • ​<title>:定义了文档的标题,显示在浏览器标签页上和书签标题中。
  • ​<body>:包含了可见的页面内容,如文本、图像、链接等。
  • ​<h1>:定义一个大标题,通常是页面中最重要的标题。
  • ​<p>:定义一个段落,用来展示文本和内容。

在浏览器的页面使用键盘上的 F12上 按键开启调试模式,就可以看到组成标签。

HTML的基本概念和关键要点 :

  1. HTML全称为“超文本标记语言”(HyperText Markup Language),是一种用于描述和组织网页内容的标记语言。
  2. HTML不是一种编程语言,是一种标记语言,用于描述文档结构和内容,不是执行操作或算法。
  3. HTML使用标记标签(markup tag)来表示不同的元素,如标题、段落、图像等。标记标签由尖括号包围,如 ​<h1>​,并且通常成对出现,一个是开始标签,另一个是结束标签
  4. 开始标签和结束标签之间的内容被认为是该元素的内容。
  5. HTML文档通常由 ​<!DOCTYPE html>​声明开始,并包含在 ​<html>​元素内。
  6. ​<head>​元素用于包含文档的元数据,如标题(​<title>​)、字符编码声明(​<meta charset="utf-8">​)等。
  7. ​<body>​元素用于包含可见的页面内容,如文本、图像、链接等。这些内容将在用户浏览网页时显示出来。
  8. HTML标签可以嵌套,即一个标签可以包含另一个标签。这样的嵌套关系形成了标记树结构,有助于定义文档的层次结构和细节。
  9. HTML可以与CSS(层叠样式表)和JavaScript等技术相结合,以增强页面的外观、样式和交互行为。
  10. 浏览器会解析HTML代码,并将其渲染成网页内容,呈现给用户进行浏览。

语法:<标签>内容</标签> 

HTML 元素

"HTML 标签" 和 "HTML 元素" 通常都是描述同样的意思.

但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,如下实例:

HTML 元素:

<p>这是一个段落。</p>

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

量子边缘

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值