这是我参与「第四届青训营 」笔记创作活动的的第1天
HTML全名HypearText Markup Language HypearText翻译为超文本,可包括{图片，标题，链接，表格} 一个完整的html代码例子
<!--其中<!DOCTYPE html>为html的版本，浏览器根据此标签来选择不同的渲染版本-->
<!DOCTYPE html>
<!--<html>为所有标签的根标签,所有内容都是写在<html>标签里面-->
<html>
<!--<head>标签放的是页面需要但不展示给用户的数据，如标题内容，编码方式等-->
<head>
<meta charset="UTF-8">
<title>页面标题</title>
</head>
<!--<body>里放的就是需要呈现给用户的内容，如文字，段落，图片和链接等-->
<body>
<h1>一级内容</h1>
<p>段落内容</p>
</body>
</html>
复制代码
HTML的语法：
- 标题和属性不区分大小写，建议小写，可读性好
- 空标签可以不闭合，如input，meta
- 属性值推荐使用双引号包括
- 某些非必要属性可以不写，如required，readonly
HTML的部分标签：
标题：
<h1></h1>-<h6></h6>表示1~6级标题
复制代码
段落：
<p></P>表示段落标签
复制代码
列表：
分为三种{有序列表，无序列表，键值对列表}
1.有序列表：
<ol>
<li>1内容</li>
<li>2内容</li>
<li>3内容</li>
</ol>
复制代码
2.无序列表：
<ul>
<li>内容</li>
<li>内容</li>
<li>内容</li>
</ul>
复制代码
3.键值对列表：
<dl>
<dt>标题1</dt>
<dd>内容1</dd>
<dt>标题2</dt>
<dd>内容</dd>
<dd>内容</dd>
<dd>内容</dd>
</dl>
复制代码
链接：
<a href="链接地址" target="跳转方式">链接内容</a>
target="_blank":为新页面跳转
target="_self":默认，在相同的框架中打开被链接文档
target="_parent":在父框架集中打开被链接文档
target="_top":在整个窗口中打开被链接文档
复制代码
多媒体标签：
包括{如图片img，音频audio，视频video}
1. 图片img标签:
<img src="图片的地址" alt="当图片无法打开时展示的内容" title="图片的标题">
复制代码
2. 音频audio
<audio src="音频的地址"></audio>
复制代码
3. 视频video
<video src="视频的地址"></video>
复制代码
输入标签:
<input type="文本类型" placeholder="用户未输入时显示的内容">
<textarea>文本内容</textarea>
<select>
<option>选择1</option>
<option>选择2</option>
<option>选择3</option>
</select>
复制代码
文本标签：
长文本引用：
<blockquote cite="引用的来源">引用内容</blockquote>
复制代码
短引用（如标题，书名，章节）：
<cite>引用内容</cite>
复制代码
短文本引用（如一句话等）：
<q>应用内容</q>
复制代码
代码引用标签：
<code>代码内容</code>
复制代码
加粗引用：
<strong>加粗内容</strong>
复制代码
斜体引用：
<em>斜体内容</em>
复制代码
内容划分标签：
<header>页首</header>
<main>主体内容</main>
<aside>附体内容</aside>
<footer>页脚内容</footer>
