HTML简史:
HTML的全称是超文本标记语言(Hypertext Mark-up Language),可以做出网页的框架,是于1990年被Tim Berners-Lee正式提出的,同时他也写出了第一个浏览器与服务器。
写一个HTML最基础的开始:
在vscode中,只需输入“!+ tap”就可以得到一个最基础的html框架,包括了文档类型、语言类型、文件字符编码、head标签和body标签。
head标签包括了网页的元信息、标题、链接等等,比如meta标签、title标签、link标签等等。
body标签是网页内容的正文部分,大部分工作需要在body标签中进行。
常用的表章节的标签:
标签一般写法是
<element>内容</element>
<element> <!-- 单标签 -->
分为双标签和单标签。
- 标题:h1 ~ h6 (默认h1字体最大,依次缩减)
- 章节:section (表示一段章节)
- 文章:article (表示一篇文章)
- 段落:p (表示一个段落)
- 头部:header (一般表示整个网页或区域的头部,可以设置导航也可以加入广告)
- 脚部:footer(表示整个网页或区域的脚部内容,一般设置版权信息)
- 主要内容:main (表示主体内容)
- 旁支内容:aside (表示旁支内容)
- 划分:div (一般没有语义,代表内容的一个区域,一般用来划分)
全局属性:
全局属性代表着所有html标签都可以使用的属性,常用的有下面几个:
- class(类)
- contenteditable(内容可编辑)
- hidden(隐藏)
- id(唯一的,一般不要使用,在JavaScript中唯一但是在html里不唯一)
- style(样式)
- tabindex(表示用tab键可以聚焦到相关的区域,用赋予的数字区分)
- 赋予正整数(可以不连续),按顺序遍历
- 赋予0,最后遍历到
- 赋予负整数(一般是-1),表示遍历到但是不聚焦
- title (提示信息)
常用的内容标签:
- ol + li 有序列表
- ul + li 无序列表
- dl + dt + dd 带描述的列表
- pre 保留格式
- hr 水平线
- br 换行
- a 链接
- em 斜体强调
- strong 加粗强调
- code 代码
- quote 引用
- blockquote 大段引用