2021.4.13
了解html
——html是超文本标记语言：Hypter Text Markup Language
——html不是编程语言，是一种标记语言，标记语言是一套标记标签
——html使用标记标签来描述网页
——html文档包含html标签和文本内容，html文档也叫做web页面
学习几个概念
——html标签
html 标记标签通常被称为html标签 (HTML tag)。
html标签是由尖括号包围的关键词，比如
html标签通常是成对出现的，比如 和 ，但也有单个的;
标签对中的第一个标签是开始标签，第二个标签是结束标签
开始和结束标签也被称为开放标签和闭合标签
——html元素
“HTML 标签” 和 “HTML 元素” 通常都是描述同样的意思.
但是严格来讲, 一个 HTML 元素包含了开始标签与结束标签,也就是说一个html元素包含的是一个完整的元件。
——web浏览器
Web浏览器（如谷歌浏览器，Internet Explorer，Firefox，Safari）是用于读取HTML文件，并将其作为网页显示。
浏览器并不是直接显示的HTML标签，但可以使用标签来决定如何展现HTML页面的内容给用户。
html网页结构
下面是一个可视化的HTML页面结构：
看一个html实例来分析html
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>helloworld</title>
</head>
<body>
<h1>我的第一个标题</h1>
<p>我的第一个段落</p>
<a href="https://www.bilibili.com/">这是一个链接使用了 href 属性</a>
</body>
</html>
注释：电脑自带的有文本编辑器，我们可以新建文本文档，拓展名给位html，通过编辑器编辑内容，直接就可以在web浏览器上打开，前提是html格式正确并且web浏览器支持当前版本的html。
写一个完整的html分三步
**第一步：**声明html版本
<!DOCTYPE html> 这种声明html的版本是最新版的HTML5
（doctype不区分大小写）
第二步：完成头部，说明字符编码格式，以及页面标题
头部声明
<head>
字符编码格式声明
<meta charset="utf-8">
标题声明
<title>helloworld</title>
</head>
**第三步：**完成身体部分，也就是页面中要显示的内容。
<body>
<!--<h1>标签是标题标签，heading-->
<h1>我的第一个标题</h1>
<!--<p>标签是段落标签，paragraph-->
<p>我的第一个段落</p>
<!--<a>标签是创建链接标签-->
<a href="https://www.bilibili.com/">这是一个链接使用了 href 属性</a>
<!--<img>标签是图片标签，src = "图像URL（图像的文件路径和文件名）"-->
<img src="/images/logo.png" width="258" height="39" />
</body>
1、 doctype是不区分大小写的，用来告知Web浏览器页面使用了哪种HTML版本。在HTML 4.01中，<!DOCTYPE>
需引用DTD (文档类型声明) ，因为HTML 4.01基于SGML (Standard Generalized Markup
Language标准通用标记语言)。HTML 4.01规定了三种不同的<!DOCTYPE>声明，分别是: Strict、
Transitional和Frameset。HTML5不是基于SGML，因此不要求引用DTD。 2、对于中文网页需要使用<meta charset="utf-8">明编码，否则会出现乱码。有些浏览器(如360浏览器)会设置GBK为默认编码，则你需要设置为<meta charset="gbk">。目前在大部分浏览器中，直接输出中文会出现中文乱码的情况，这时候需要在头部将字符声明为UTF-8。
知识点
——不要忘记结束标签
即使您忘记了使用结束标签，大多数浏览器也会正确地显示 HTML：
<p>这是一个段落
<p>这是一个段落
以上实例在浏览器中也能正常显示，因为关闭标签是可选的。
但不要依赖这种做法。忘记使用结束标签会产生不可预料的结果或错误。
——HTML 空元素
没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。
<br> 就是没有关闭标签的空元素（<br> 标签定义换行）。
在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。
在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。
——HTML 提示：使用小写标签
HTML 标签对大小写不敏感：<P> 等同于 <p>。许多网站都使用大写的 HTML 标签。菜鸟教程使用的是小写标签，因为万维网联盟（W3C）在 HTML 4 中推荐使用小写，而在未来 (X)HTML 版本中强制使用小写。
——HTML 属性
HTML 元素可以设置属性
属性可以在元素中添加附加信息
属性一般描述于开始标签
属性总是以名称/值对的形式出现，比如：name=“value”。
——HTML 属性常用引用属性值
属性值应该始终被包括在引号内。
双引号是最常用的，不过使用单引号也没有问题。
提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name=‘John “ShotGun” Nelson’
——属性和属性值，尽量小写，本来这样做也方便些。
——class 属性可以多用 class=" " （引号里面可以填入多个class属性）
——id 属性只能单独设置 id=" "（只能填写一个，多个无效）
607
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
