HTML学习笔记1| 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的第1天
在青训营开营的这几天我开始学习HTML，整理一部分常用HTML标签的用法
HTML基础标签
文档结构
html的结构如下：
<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字节跳动青训营</title>
</head>
<body>
<h1>第一讲HTML</h1>
</body>
</html>
<html>标签
HTML <html>元素，HTML文档的顶级元素，所有的其他元素都必须在此元素内部。
<head>标签
head元素规定了文档的相关配置信息，包括文章的标题、引用的文档样式和脚本等等。
<body>标签
html的主体，显示文章的内容。
<title>标签
文档的标题，例如:
<title>字节跳动青训营</title>
会在浏览器标签页上显示字节跳动青训营的字样。
<meta>标签
常见属性:
charset:这个属性声明了文档的字符编码。如果使用了这个属性，其值必须是与ASCII大小写无关的"utf-8"（又称万国码)name：name和content属性可以一起使用，以名-值对的方式给文档提供元数据，其中name作为元数据的名称，content作为元数据的值。
icon
<link rel="icon" href="images/icon.png">
文本标签
<div>标签
用的最多的标签之一，类似于一个大盒子，块级元素之一。
其他块级元素有:<h1>,<p>,<pre>,<ul>,<ol>,<table>。
<span>标签
用的最多的标签之一，类似于大盒子里面的小盒子，行内元素之一。 其他行内元素有:<i>,<b>,<del>,<ins>,<td>,<a>。
标题标签
<h1>~<h6> 对应6种等级的标题，从高到低，<h1>最高，<h6>最低 。
<p>标签
文章的段落，块级元素。
<br>标签
换行（回车）符号。
图片标签
用<img>元素将一份图片插入文档,默认行内元素。
<src>属性
包含了图片的文件路径 。
alt属性
对图像文本的描述。
height属性
图像的高度。
width属性
图片的宽度。
超链接
<a>元素，通过herf属性可以创建通向其他网页、文件的位置，或者URL链接。
总结
学习了HTML的部分标签，了解了前端的一些知识，希望再接再厉。
