前端与HTML | 青训营笔记

这是我参加“第四届青训营”笔记创作活动的第一天。

什么是前端？

• 解决图形界面下的人机交互问题
• 跨终端
• web技术栈 前端工程师就是利用web技术栈解决多端图形页面交互问题的工程师。

HTML标签

dl、dt、dd标签

<dl>
<dt>列表标题</dt>
<dd>列表内容</dd>
<dd>列表内容</dd>
</dl>

首先dt和dd是放于dl标签内，标签dt与dd处于dl下相同级。也就是dt不能放入dd内，dd不能放入dt内。在dl下，dt与dd处于同级标签。dd标签可以若干。同时不能不加dl地单独使用dt标签或dd标签。

audio标签

audio 标签定义声音，比如音乐或其他音频流。

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	url	要播放的音频的 URL。

video标签

video 标签定义视频，比如电影片段或其他视频流。

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
preload	preload	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	url	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

input标签type属性

一、 input 标签的 type类型 属性的常用属性值

1.单行文本框: type="text"
2.密码框: type="password"
3.复选框: type="checkbox"
4.隐藏值: type="hidden"

♣ 6 种 按钮类型

1.文件上传: type="file"
2.图片提交按钮: type="image"
3.按钮: type="button"
4.单选按钮: type="radio"
5. 重置清空表单: type="reset"
6. 提交按钮: type="submit"

二、 input 标签的 type 属性的 html5 新增类型值

1. 颜色: type="color" （颜色选择器 / 颜色文本框）
2. 年月日: type="date"( yyyy-MM-dd )
3. 年月日 小时分钟: type="datetime-local"( yyyy-MM-ddThh:mm )
4. 年月: type="month" ( YYYY-MM )
5. 年份 周号: type="week" ( yyyy-Www )
6. 小时 分钟,可选的秒: type="time"( hh:mm, hh:mm:ss)
7. 输入数字: type="number"
8. 不精确数值 (范围数值): type="range"
9. 搜索文本框: type="search"
10. 输入电话号码: type="tel"
11. 输入url: type="url"
12. 邮箱: type="email"

其他标签

1. code 标签 用于表示计算机源代码或者其他机器可以阅读的文本内容
2. cite 标签通常表示它所包含的文本对某个参考文献的引用，比如书籍或者杂志的标题。
3. q 标签定义短的引用。浏览器经常在引用的内容周围添加引号。