前端HTML|青训营笔记
这是我参与「第四届青训营 」笔记创作活动的的第2天
前端技术栈
前端技术站最主要的就是HTML、CSS喝Javascript了,今天主要介绍了一下HTML的内容,在这里做一个总结。
如图是一个完整的HTML页面,其中
- !DOCTYPE html 声明为 HTML5 文档
- html 元素是 HTML 页面的根元素
- head 元素包含了文档的元(meta)数据,如 定义网页编码格式为 utf-8。
- title 元素描述了文档的标题
- body 元素包含了可见的页面内容
- h1 元素定义一个大标题
- p 元素定义一个段落
除了这些最基本的元素以外,HTML还定义了许多其他标签 h1~h6定义标题,h1定义最大的标题,h6定义最小的标题,p标签定义段落。
a定义超文本链接,使用 target 属性,可以定义被链接的文档在何处显示。href定义点击链接将要跳转的地址。target="_blank"会在新窗口打开文档。
HTML表单,多数情况下被用到的表单标签是输入标签 input。输入类型是由 type 属性定义。如图是几种常用的数据类型。
视频音频 可以使用controls来控制是否需要音频和视频播放的控件。
在CSS样式表里,也可以自定义控件的样式和是否展示,若不需要某控件,只需将其display设置为none。
总结一下,HTML的关键是标签,作用是指示将出现的内容。关注于网页的结构。