【HTML】学习笔记·入门(一)

最新推荐文章于 2024-07-31 22:37:55 发布

现在还是小趴菜

最新推荐文章于 2024-07-31 22:37:55 发布

阅读量536

点赞数 1

文章标签： html html5

本文链接：https://blog.csdn.net/m0_47102213/article/details/105569160

版权

学习网站：菜鸟教程 HTML简介

我为什么要学HTML

本来想学 JavaScript 的，但是JavaScript教程页面下方提示说要有HTML和CSS基础，于是就点进来学习了

什么是HTML？

HTML 是用来描述网页的一种语言。
HTML 指的是超文本标记语言: HyperText Markup Language
HTML 不是一种编程语言，而是一种标记语言
标记语言是一套标记标签 (markup tag)
HTML 使用标记标签来描述网页
HTML 文档包含了HTML 标签及文本内容
HTML文档也叫做 web 页面

HTML 标签

HTML 标记标签通常被称为 HTML 标签 (HTML tag)。
HTML 标签是由尖括号包围的关键词，比如 <html>
HTML 标签通常是成对出现的，如<head>和</head>
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签

HTML页面结构

HTML页面结构
⭐只有body部分(白色区域)才会在浏览器中显示😜

<!DOCTYPE >声明

<!DOCTYPE>声明有助于浏览器中正确显示网页
不区分大小写，用来告知 Web 浏览器页面使用了哪种 HTML 版本
<!doctype html> 是HTML5的通用声明

我的第一个html实例

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>最简单的网页</title>
</head>

<body>
<h1>第一个标题</h1>
<p>
这是第一个段落
巴拉巴拉。。
</p>
<h2>第二个标题</h2>
<p>
这是第二个段落
巴拉巴拉。。
</p>
<h3>第三个标题</h3>
<p>
这是第三个段落
巴拉巴拉小魔仙
</p>
</body>
</html>

解释

🌹<meta charset=“utf-8”> —— 中文编码
<meta> 放在<head>里，这个后面会说到
🌹<title>这是网页的标题(也是收藏在浏览器书签栏中显示的名字)</title>
🌹<body>显示在浏览器页面上的内容</body>
🌹<h1>是标题可以有h1~h6 标题字体号依次减小
🌹<p>段落的内容，即使在源程序中换行输入，在页面中显示的还是一行(具体看图片)，后面会讲到如何换行</p>