《HTML入门笔记1》

151 阅读2分钟

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一样表示引用,会产生换行。