HTML简介
- HTML是用来标记Web信息如何展示以及其他特性的一种语法规则,它最初于1989年由CERN的Tim Berners-Lee发明。HTML基于更古老一些的语言SGML定义,并简化了其中的语言元素。这些元素用于告诉浏览器如何在用户的屏幕上展示数据,所以很早就得到各个Web浏览器厂商的支持。
HTML起手式
- 在vscode中,只需要输入 !再按回车,就会得到vscode提供的基本框架,如下图:
常用的HTML标签
- h1~h6 代表文章的标题,h后面的数字表示字体大小的不同
- section 代表章节,文字会换行,查看后可知样式为display:block
- article 代表文章,文字会换行,查看后可知样式为display:block
- p 全称paragraph,代表段落,文字会换行,查看后可知样式为display:block
- header 是头部的意思,文字会换行,查看后可知样式为display:block
- footer 脚步,文字会换行,查看后可知样式为display:block
- main 代表文件的主要内容,在文件中应该是唯一的
- aside 代表旁支内容,默认样式也是display:block
- div 是一个块的划分
HTML的全局属性
- class css中常被用来选择属性
- contenteditable 在网页上可直接被编辑
- hidden 隐藏,但可以被css强制显示
- id 经量不要用
- style 可以放在中,用黑魔法显示出来,并让用户自定义样式
- tableindex 可用table键来选择不同的块 -1代表不可被选取,0代表最后一个被选取
- title 文字溢出时,可用鼠标查看被隐藏的内容
常见的内容标签
-
ol+li 有序列表
-
ul+li 无序列表
-
dl+dt+dd 描述列表
-
pre 可显示被HTML本身的格式,如被
包围的空格回车不会被压缩成一个空格
-
hr 分割线
-
br 换行
-
a 常被用来制作超链接
-
em 强调,显示样式为斜体
-
strong 字体加粗
-
code 代码,字体样式为等宽
-
q quote的缩写,没有特殊的样式
-
blockquote 块级引用,display:block