本文参与4月更文挑战, 打卡day2, 第二篇
HTML
1. html文件结构
html文件是树结构，一般根节点就是<html>
<!DOCTYPE html> <!--定义文档类型-->
<html>
<head>
<meta charset="UTF-8"> <!--该文档使用UTF-8解码-->
<title></title> <!--定义文档的标题-->
<meta name="description" content="书写description的内容">
<meta name="keywords" content="书写的内容可以作为关键字，当用户在浏览器搜索到这些关键字时，能够展示出这个页面">
</head>
<body>
</body>
</html>
指定网页图标
使用图片的url，修改图标
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Acwing-web应用课</title>
<link rel="icon" href="/images/icon.png"> <!--修改为<link rel="icon" href="https://cdn.acwing.com/media/article/image/2021/12/17/1_be4c11ce5f-acapp.png">之后可行-->
</head>
<body>
<h1>Web 应用课</h1>
</body>
</html>
html注释方法
只有多行注释
<!--注释内容-->
2. html基础标签
有一个比较好理解的方法：将html中所有的标签看做两类，第一类是div及其变形；第二类是span及其变形
div及其变形
-
均为块状的标签（标签中的内容不论多少都是在一个大盒子内部
可以理解为：一个标签就是一个盒子） -
一个标签中的内容会分成一块
- 如果内容不能够占满一行就会展示为（标签中内容独占一行）
- 如果内容能够展示为多行就会展示为（所有内容换行展示但是都在一个大盒子中）
- 如果内容不能够占满一行就会展示为（标签中内容独占一行）
-
这类标签有：
<h1>,<p>,<pre>,<ul>,<ol>,<table>等
<h1>
是标题标签，在浏览器中会展示为一个标题，其字体会相较于普通文本更粗更大。共有六个级别。
<p>
段落标签，不会识别文本中的空格及换行。（均展示为一整行）
<pre>
保留文字中的符号，空格及换行。
<ul>
列表标签，无序列表。
<ol>
有序列表。
<table>
表格标签（现在少用）
span及其变形
- 是一个行内标签
- 不会独占一行（所占位置由其内部元素大小决定）
- 这类标签有：
<i>,<b>,<del>,<ins>,<td>,<a>等
<i>
斜体
<b>
加粗
<del>
删除线
<ins>
下划线
<td>
第几个td标签就是第几列 （可以理解为表格中的竖线）
<a>
添加超链接
<mark>
标记文字（底色改为黄色）
