HTML 简介

84 篇文章 0 订阅
2 篇文章 0 订阅
HTML是超文本标记语言,用于描述网页结构。它包括如<html>,<head>,<title>和<body>等标签。HTML元素由开始和结束标签组成,如<p>。Web浏览器如Safari和Chrome解析HTML来显示内容。DOCTYPE声明指定HTML版本,影响浏览器的渲染方式。为确保中文正确显示,需在头部声明字符编码,如UTF-8。
摘要由CSDN通过智能技术生成

Demo实例

在这里插入图片描述
标签解释:

<html> 是 HTML 页面上的根元素
<head> 包含了文档的元(meta)数据,如 <meta charset="utf-8"> 定义网页编码格式为 utf-8。
<title> 描述了文档的标题
<body> 包含了可见的页面内容
<h1> 定义了一个大的标题
<p> 定义了一个段落

那什么是HTML呢?

HTML 是一种描述网页的语言。

  • HTML 指的是超文本标记语言: HyperText Markup Language
  • HTML 是一种标记语言, 不是编程语言(标记语言代表的是标记标签)
  • HTML 使用这些标记标签来描述网页
  • HTML 文档也包含了很多标签及文本内容
  • HTML文档也叫做 web 页面

那什么是HTML标签呢?

HTML 标记标签也被称为 HTML 标签。

  • HTML 标签是由尖括号组成的,例如
  • 这些标签通常是成对出现的,例如

  • 成对的标签中的第一个是开始标签,第二个是结束标签
  • 开始和结束标签也可以叫做开发和闭合标签
<这是标签>这里是内容</这是标签>

那什么是HTML 元素呢?

“标签” 和 “元素” 其实描述的是相同的意思,严谨的说法呢,HTML元素是包含了开始标签和结束标签, 举例:

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

<p>这里是段落内容</p>

那什么是Web 浏览器呢?

有很多的Web浏览器,例如: Safari, Firefox, Edge, Google等, 他们都可以用来读取并在网页上展示HTML。
但是浏览器不是直接的去展示HTML标签,不过我们可以用标签来决定在网页中展示什么内容给用户。
在这里插入图片描述

那HTML 网页结构是什么样的呢?

HTML页面的结构图如下:
在这里插入图片描述
注意: 浏览器中只显示 白色部分的 内容。

那HTML版本有哪些呢?

从初期的网络诞生后,已经出现了许多HTML版本:
在这里插入图片描述

什么是<!DOCTYPE> 声明

<!DOCTYPE>是用来帮助浏览器正确的展示的。
只要能正确的在文件中声明是哪个HTML的版本,浏览器就可以正确的展示他们。

doctype 是不区分大小写的,有下面几种方式声明:

<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>

通用声明

HTML5

<!DOCTYPE html>

HTML 4.01

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">

XHTML 1.0

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

中文编码
如果我们想要避免中文乱码的请客,就需要在头部添加声明, 例如UTF-8 或 GBK。

目前在大部分浏览器中,直接输出中文会出现中文乱码的情况,这时候我们就需要在头部将字符声明为 UTF-8 或 GBK。

在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

打赏作者

三季人 G

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

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

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

打赏作者

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

抵扣说明:

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

余额充值