1.HTML概述
HTML的意思是“超文本标记语言”是由上世纪90年代的欧洲核子研究中心物理学家TimBerners-Lee(蒂姆-伯纳斯-李)发明的。发展至今由当时的18个标签演变到现在110个标签。
2.HTML起手式
在Vscode中,英文状态下输入!+tab会出现如下代码
3.常用的章节标签
1,h标签(h1-h6)标题标签。
2,section 章节标签,定义文档中的节如页眉,页脚等。
3,article 包裹文章的内容标签。
4,p 表示段落标签。
5,header 头部标签。
6,fotter 尾部标签。
7,main 主要内容。
8,aside 旁支内容,可以单独拆分出来,不会使整体受影响。
9,div 划分,通用型的容器。
4.全局属性
1,class 用来对网页的元素进行分类,不同classs属性值相同就代表他们是一类。
2,contentwditable 规定是否可编辑的元素内容
3,id 全局的唯一标识符,但是创建两个id时,并不能给予提醒,所以建议少用。
4,style 用来指定当前元素的css样式
5,tabindex 用来实现不用鼠标,可以用tab键来选择网页上的功能模块。它的值可以是,a:正数(按数值大小顺序访问),b:0(最后一个访问),c:-1(不会被访问)。
6,title 为元素添加说明,当鼠标悬浮在上面时,会将当前内容全部显示出来。
7,hidden 用来隐藏不想被看到的内容。
5.常见内容标签
1,ol+li (ordered list),有序列表,会在列表前出现数字编号。
2,ul+li(unordered list)无序列表,会在列表前出现小圆点。
3,dl+dt+dd dl标签定义描述列表,dt定义项目/名字,dd描述每一个项目/名字。
4,pre 定义文本格式,在该元素中的文本以等宽字体的形式展现出来。
5,hr 水平线,单独使用,无闭合标签。
6,br 换行,,单独使用,无闭合标签。
7,a 设置链接的标签。
8,code 呈现一段计算机代码,默认情况下以浏览器的默认等宽字体显示。
9,em 表示强调,展现出斜体的形式,强调内容
10,strong 强调内容的重要性,以字体加粗的形式展示出来。
11,quote 表示引用,不会产生换行
12,blockquote 同quote一样表示引用,会产生换行。