第一次网络部会议后记录
这是第一次通达学院网络部会议后的记录，我是20届新生赵智超，第一次会议还是比较倾向于我们网络小白的，讲的东西都比较浅显。
一开始先带我们认识了一些HTML的基础知识以及教了一些基本的标签
比如meta标签
meta主要用于设置网页中的一些元数据，元数据不是给用户看的 charset 指定网页的字符集。比如：UTF-8 name 指定的数据的名称 content 指定的数据的内容 keywords 表示网站的关键字，可以同时指定多个关键字，关键字间使用,隔开，description 用于指定网站的描述，title会作为搜索结果的超链接上的文字显示，就是网页名称。
语义化的HTML标签
《body> 元素定义了 HTML 文档的主体。 这个元素拥有一个开始标签 《body> 以及一个结束标签 《/body>。
标题标签： 《h1> ~ 《h6> 一共有六级标题 从《h1>~《h6>重要性递减，《h1>最重要，《h6>最不重要 《h1>在网页中的重要性仅次于《title>标签，一般情况下一个页面中只会有一个《h1> 一般情况下标题标签只会使用到《h1>《h3>，《h4>《h6>很少用
《p> 标签表示页面中的一个段落
《strong> 表示强调，重要内容！
《br> 标签表示页面中的换行 在页面中独占一行的元素称为块元素（block element）
块状元素特征：
(1)能够识别宽高
(2)margin和padding的上下左右均对其有效
(3)可以自动换行
(4)多个块状元素标签写在一起，默认排列方式为从上至下 在页面中不会独占一行的元素称为行内元素（inline element）
行内元素特征：(1)设置宽高无效
(2)对margin仅设置左右方向有效，上下无效；padding设置上下左右都有效，即会撑大空间
(3)不会自动进行换行 块元素（block element） - 在网页中一般通过块元素来对页面进行布局 行内元素（inline element） - 行内元素主要用来包裹文字 - 一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素 - 块元素中基本上什么都能放
结构化语义标签:
《header> 表示网页的头部
《main> 表示网页的主体部分(一个页面中只会有一个main)
《footer> 表示网页的底部
《nav> 表示网页中的导航
《aside> 和主体相关的其他内容（侧边栏）
《article> 表示一个独立的文章
《section> 表示一个独立的区块，上边的标签都不能表示时使用section
《div> 没有语义，就用来表示一个区块，目前来讲div还是我们主要的布局元素
《span> 行内元素，没有任何的语义，一般用于在网页中选中文字
列表
在html列表一共有三种：
1、有序列表
2、无序列表
3、定义列表
有序列表，使用ol标签来创建
使用 li表示列表项
无序列表，使用ul标签来创建无序列表
使用li表示列表项
定义列表，使用dl标签来创建一个定义列表
使用dt来表示定义的内容
使用dd来对内容进行解释说明
列表之间可以互相嵌套
超链接和相对路径
超链接可以让我们从一个页面跳转到其他页面， 或者是当前页面的其他的位置
使用 a 标签来定义超链接 属性：href 指定跳转的目标路径 - 值可以是一个外部网站的地址 - 也可以写一个内部页面的地址 超链接是也是一个行内元素，在a标签中可以嵌套除它自身外的任何元素
当我们需要跳转一个服务器内部的页面时，一般我们都会使用相对路径 相对路径都会使用.或…开头 例如： ./…/ ./可以省略不写，如果不写./也不写…/则就相当于写了./ ./ 表示当前文件所在的目录 …/ 表示当前文件所在目录的上一级目录
target属性，用来指定超链接打开的位置 可选值： self 默认值 在当前页面中打开超链接 blank 在一个新的要么中打开超链接
在开发中可以将#作为超链接的路径的展位符使用(锚点跳转) 可以直接将超链接的href属性设置为#，这样点击超链接以后 页面不会发生跳转，而是转到当前页面的顶部的位置 可以跳转到页面的指定位置，只需将href属性设置 #目标元素的id属性值 id属性（唯一不重复的）
- 每一个标签都可以添加一个id属性
- id属性就是元素的唯一标识，同一个页面中不能出现重复的id属性
图片和的音视频
图片标签用于向当前页面中引入一个外部图片
使用img标签来引入外部图片，img标签是一个自结束标签
img这种元素属于替换元素（块和行内元素之间，具有两种元素的特点） 属性：
src 属性指定的是外部图片的路径（路径规则和超链接是一样的）
alt 图片的描述，这个描述默认情况下不会显示，有些浏览器会图片无法加载时显示
width 图片的宽度 (单位是像素)
height 图片的高度
- 宽度和高度中如果只修改了一个，则另一个会等比例缩放 图片的格式：
jpeg(jpg)
- 支持的颜色比较丰富，不支持透明效果，不支持动图
- 一般用来显示照片
gif
- 支持的颜色比较少，支持简单透明，支持动图 - 颜色单一的图片，动图
png
- 支持的颜色丰富，支持复杂透明，不支持动图
- 颜色丰富，复杂透明图片（专为网页而生）
- webp
- 这种格式是谷歌新推出的专门用来表示网页中的图片的一种格式
- 它具备其他图片格式的所有优点，而且文件还特别的小
- 缺点：兼容性不好
base64
- 将图片使用base64编码，这样可以将图片转换为字符，通过字符的形式来引入图片
- 一般都是一些需要和网页一起加载的图片才会使用base64 需要遵循的：
效果一样，用小的
效果不一样，用效果好的
audio 标签用来向页面中引入一个外部的音频文件,支持三种音频格式，Ogg,MP3,Wav
音视频文件引入时，默认情况下不允许用户自己控制播放停止 属性：
src 值：url 要播放的音频的 URL。
controls 值：controls 是否允许用户控制播放(向用户显示控件，比如播放按钮)
autoplay 值：autoplay 音频文件是否自动播放- 如果设置了autoplay 则音乐在打开页面时会自 动播放
loop 值：loop 音乐是否循环播放
preload 值：preload 音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽 略该属性
使用video标签来向网页中引入一个视频 - 使用方式和audio基本上是一样的，多了width和height
表单和表格
《form action="" method="">
《input/>
《/form>
HTML5 拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
type属性下的值：
text 用于没有任何限制的文本和字符
password用于输入密码
email 用于应该包含 e-mail 地址的输入域。在提交表单时，会自动验证 email 域的值。
url 用于应该包含 URL 地址的输入域。在提交表单时，会自动验证 url 域的值。
number 用于应该包含数值的输入域。
您还能够设定对所接受的数字的限定：《input type=“number” name=“points” min=“1” max=“10” />
step:规定合法的数字间隔
range 用于应该包含一定范围内数字值的输入域。range 类型显示为滑动条。 属性同 number
Date pickers (date, month, week, time, datetime, datetime-local)
HTML5 拥有多个可供选取日期和时间的新输入类型：
date - 选取日、月、年
month - 选取月、年
week - 选取周和年
time - 选取时间（小时和分钟）
datetime - 选取时间、日、月、年（UTC 时间）
datetime-local - 选取时间、日、月、年（本地时间）
search 用于搜索域
color 用于选择颜色
submit 定义提交按钮（提交表单）
一般使用《button>标签
《button type=“submit”>《/button> 提交表单数据
《button type=“reset”>《/button> 重置（清除表单数据）
表单元素： height 和 width
placeholder 提供一种提示（hint），描述输入域所期待的值。
使用《table>标签来创建表格
例如：《table border=“1”>
《!-- 表头 -->
《th>Heading《/th>
《th>Another Heading《/th>
《!-- 表格的行 --> 《tr>
《!-- 表格的单元 -->
《td>row 1, cell 1《/td>
《td>row 1, cell 2《/td>
《/tr>
《tr>
《td>row 2, cell 1《/td>
《td>row 2, cell 2《/td>
《/tr>
《/table>
《table> 定义表格
《caption> 定义表格标题。
《th> 定义表格的表头。
《tr> 定义表格的行。
《td> 定义表格单元。
《thead> 定义表格的页眉
《tbody> 定义表格的主体。
《tfoot> 定义表格的页脚。
《col> 定义用于表格列的属性。
《colgroup> 定义表格列的组。
粗略记录，有待后续学习。
2020/11/12