HTML 学习笔记 - 技术栈

html超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

(1) .html

(2) .htm

这里更推荐使用 ".html "，命名应该遵从含义清晰、简洁、一致性原则。".htm"写法是来源于老的8.3文件格式，DOS操作系统只支持后缀名的长度为三位，现在的版本则没有对命名长度的限制，因此建议选择无限制命名长度的方式" html"。

下面是一个HTML的叶面结构

只有<body> -</body>之间的白色区域才会在浏览器中显示

示例，

html 复制代码

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>HTML学习笔记</title>
</head>
<body>
 
<h1>第一个标题</h1>
 
<p>第一个段落</p>
 
</body>
</html>

输出

附加，

doctype 声明不区分大小写，用来告知浏览器页面使用了哪种HTML版本。

HTML编辑可以使用专业的工具，如VS Code，vim等都可以用来编辑。

同时，每一种操作系统都带有简单的文本编辑器。

附加，以windows 10 为例，如果记事本在修改文件类型时，类型不能改为html,可能是没有开启文件扩展名，在我的电脑->文件-> 选择查看，在右侧勾选文件扩展名，就可以看到全部的文件名称和类型信息，在进行修改就不是只修改文件名称而不能修改文件类型了。

html 复制代码

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

html 复制代码

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

html 复制代码

<a href="https://blog.csdn.net/m0_62870588?spm=1000.2115.3001.5343">这是一个链接</a>

html 相对路径的写法：

./：代表文件所在的目录（可以省略不写）如果写成image/background就相当于是在html文件下找image文件夹，当然是找不到的

../：代表文件所在的父级目录

../../：代表文件所在的父级目录的父级目录

/：代表文件所在的根目录

下面是适用于大多数 HTML 元素的属性：

属性	描述
class	为html元素定义一个或多个类名（classname）(类名从样式文件引入)
id	定义元素的唯一id
style	规定元素的行内样式（inline style）
title	描述了元素的额外信息 (作为工具条使用)

HTML 文本格式化标签

HTML "计算机输出" 标签

HTML 引文, 引用, 及标签定义

附加，引用"菜鸟教程"