前端与HTML ｜ 青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第1天
一、基础知识
1. HTML的概念
HTML这个词由HyperText（超文本）和Markup Language（标签）组成。
超文本：包含图片，标题，链接，表格等
标签：开始标签，结束标签
<!doctype html>标记当前html版本，决定浏览器的渲染模式
<html>文本的根标签（大小写均可）
<head>
<meta charset="UTF-8">页面编码
<title>页面标题
<body>呈现给用户的真正内容
<h1>一级标题
<p>段落内容
2. DOM树
对页面代码进行解析之后得出
每一个节点称之为DOM节点
3. HTML语法
- 标签和属性不区分大小写，推荐小写
- 空标签可以不闭合，比如input、meta
- 属性值推荐用双引号包裹
- 某些属性值可以省略，比如required、readonly
4. 标签类型
标题标签：h1~h6（字号一般由大到小）
列表标签：有序标签（ol）、无序标签（ul）、定义列表（dl）
有序列表与无序列表子项都用<li>
定义列表中类别用<dt>，类别中的项用<dd>
链接标签：直接用<a>表示
多媒体标签：图片<img>、视频<video> <audio>
表达类的标签：输入<input>（placeholder：占位，e.g.请输入用户名、type：类型，e.g.“range”会输出一个范围的选择）
输入多行文字
<textarea> 下拉选择<select>，选项写在<option>中
文本标签：
- 引用：长引用
<blockquote>、短引用<cite>（一般只用于书名）和<q>(一般用于具体的内容)、代码引用<code> - 强调：内容上的强调
<strong>、语气上的强调<em>
5. 内容划分
二、内容总结
今天这节课对小白来说是一个还不错的导入课程，我学到了怎么在网页中插入文本、选项、输入框与多媒体文件。HTML最重要的就是对标签的记忆和运用。学习好HTML需要做到熟记HTML各种标签类型，并能够在实际中准确调用。
