这是我参与「第四届青训营 」笔记创作活动的的第1天
前端与HTML
DOM树
- meta是元标签,定义元数据,告诉浏览器配置。一般用于做一些页面说明,比如编码,关键字,页面尺寸,修改日期。
- title一个标题标签,代表网页标题,会显示在浏览器的标题栏。
- h1为一个一级标题。
- p标签为Paragraph的首字母,段落的意思,用标签包裹的内容默认是占一行,相当于打了一个回车。
controls属性
图中如果不写controls,浏览器就不会显示控制界面。
input属性
- 默认input为文本框
- input类型为range时为滑块
- input类型为number是数字文本框,可以设置最大和最小值。
- input类型为date是日历框
- 要输入多行文本时,可以输入textarea标签
选择项
- type=checkbox为一个多选框
- type=radio只能选一个,为单选框
- select标签为一个下拉选择框
- datalist标签可以自己在文本框输入,也可以通过下拉选择框输入
文字展示
引用标签
- blockquote标签表示引用的话,有缩进
- cite标签表示短引用,引用作品的名称或者章节的名字
- q引用一段话或者一句话
- code表示代码,可长可短
- 多行代码得在code标签外包一个pre的标签
- strong标签表示含义上的强调,加粗
- em标签表示在一句话中突出表现的词,斜体
- aside标签侧边栏
- foot标签显示在底部