HTML学习笔记

最新推荐文章于 2025-06-05 22:40:40 发布

huodaqi666

最新推荐文章于 2025-06-05 22:40:40 发布

阅读量482

点赞数 5

文章标签： html 学习笔记

本文链接：https://blog.youkuaiyun.com/huodaqi666/article/details/142368094

版权

实例解析

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程（runoob.com）</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落。</p>
</body>
</html>

<!DOCTYPE html>声名为HTML5文档

<html>元素是HTML页面的根目录

<head>元素包含了文档的元（meta）数据如<meta charset="utf-8"> 定义网页编码格式为 utf-8。

<title>元素描述了文档的标题

<body>元素包含了可见的页面内容

<h1>元素定义了一个大标题

<p>元素定义了一个段落

HTML是指超文本标记语言，不是一种编程语言而是一种标记语言，标记语言是一套标记标签，HTML使用标记标签来描述网页，HTML的文档中包含了HTML标签及文本内容，HTML文档也叫web页面。

HTML的标记标签简称HTML标签，是由尖括号包围的关键词,通常成对出现，第一个是开始标签，第二个是结束标签，也称为开放标签和闭合标签，形式为<标签>内容<标签>

标签与元素通常描述同样的意思，但是元素包含了开始结束标签如<p>这是一个段落</p>

web网站用于读取html文件，并将其作为网页显示。并不直接显示HTML标签，但是使用标签来决定如何展现HTML页面

可视化HTML页面结构：

<html>

<head>

</head>

<body>

<h1>这是一个标题</h1>

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

</body>

</html>

页面中只有<body>和</body>间的部分可以在浏览器中显示

<!DOCTYPE>声名帮助在浏览器中正确显示网页

正确声名HTML的版本，浏览器就能正确显示网页内容

doctype声名并不区分大小写

HTML5 <!DOCTYPE html>

HTML4.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