前端与HTML

129 阅读1分钟

这是我参与「第四届青训营 」笔记创作活动的的第1天

前端与HTML

DOM树

REZB%RN{5HAFKKCB}MQRAMC.png

  • meta是元标签,定义元数据,告诉浏览器配置。一般用于做一些页面说明,比如编码,关键字,页面尺寸,修改日期。
  • title一个标题标签,代表网页标题,会显示在浏览器的标题栏。
  • h1为一个一级标题。
  • p标签为Paragraph的首字母,段落的意思,用标签包裹的内容默认是占一行,相当于打了一个回车。

controls属性

9X80}SMMG{A~YF8JP50RX1U.png 图中如果不写controls,浏览器就不会显示控制界面。

input属性

O6_QR66ECEF8@94ENND5AVP.png

  • 默认input为文本框
  • input类型为range时为滑块
  • input类型为number是数字文本框,可以设置最大和最小值。
  • input类型为date是日历框
  • 要输入多行文本时,可以输入textarea标签

选择项

  • type=checkbox为一个多选框
  • type=radio只能选一个,为单选框
  • select标签为一个下拉选择框
  • datalist标签可以自己在文本框输入,也可以通过下拉选择框输入

文字展示

引用标签

G9U}UW527OSWE]FGT)11W.png

  • blockquote标签表示引用的话,有缩进
  • cite标签表示短引用,引用作品的名称或者章节的名字
  • q引用一段话或者一句话
  • code表示代码,可长可短
  • 多行代码得在code标签外包一个pre的标签
  • strong标签表示含义上的强调,加粗
  • em标签表示在一句话中突出表现的词,斜体
  • aside标签侧边栏
  • foot标签显示在底部

语义化

QQ图片20220724110540.png