前端与HTML | 青训营笔记

        这是我参与「第五届青训营」伴学笔记创作活动的第1天，今天学习的内容是前端三件套基础HTML，一般网页由文字、图片、音频、超链接、视频组成，前端工程师的代码则是由浏览器转成网页的。Web标准则是由结构——HTML、表现——CSS、行为——JS这三个构成，而HTML(超文本标记语言)专门用于网页开发的语言，主要通过HTML标签对网页中的文本、图片、音频、视频等内容进行描述。网页类似于一篇文章：每一页文章内容是有固定的结构的，如：开头、正文、落款等……。网页中也是存在固定的结构的，如：整体、头部、标题、主体，网页中的固定结构是要通过特定的HTML标签进行描述的。
        标签与标签之间存在的关系可分为：父子(嵌套)、兄弟(并行)关系，我所学习的标签类型有以下列出的：

一. 排版标签

标题标签(<h></h>)、段落标签(<p>)、换行标签(<br>)、水平线标签(<hr>)

二. 文本格式化标签

加粗(<b></b>,<strong></strong>)、下划线(<u></u>,<ins></ins>)、倾斜(<i></i>,<em></em>)、删除线(<s>,<del>)

三. 媒体标签

图片标签(<img>)、音频标签(<audio></audio>)、视频标签(<video></video>)

四. 链接标签

<a>

五. 列表标签

无序列表(<ul></ul>,<li></li>)、有序列表(<ol></ol>,<li></li>)、自定义列表(<dl></dl>,<dt></dt>,<dd></dd>)

六. 表格标签

表格本体<table></table>、表格每行<tr></tr>、单元格<td></td>、表格大标题<caption></caption>、表头单元格<th></th>

七. 表单标签

<input>、按钮<button></button>、下拉菜单<select>、文本域<textarea></textarea>、<label></label>

八. 语义化标签

没有语义的标签<div></div>,<span></span>

以上就是常用的标签符号，我在浏览视频时做下的记录