html

1.什么是html？

超文本标记语言

2.版本：

html4.01是经典版本

html5是新一代版本

3.vscode插件下载：

chinese

open in brower

4.标签格式语法:

双标签: <开始标签>...内容...</结束标签>

单标签: <标签名/> or <标签名>

5.标签属性:

<开始标签 属性名="属性值" 属性名2="属性值2">...内容...</结束标签>
通用属性:
理解:所有标签身上都拥有的属性,叫做通用属性
style -- 写行内样式
class -- 声明类名
id -- 声明id名
title -- 输入移入提示文字

6.基础标签:

h1,h2,h3,h4,h5,h6 -- 特征:定义标题,字号从大到小,独占一行,会产生上下的间隔,双标签

p -- 特征:定义段落,独占一行,会产生上下的间隔,双标签

br -- 特征:强制换行符,单标签

hr -- 特征:水平分割线,单标签

7.文本标签:

b&strong -- 文本加粗,推荐使用strong

i&em -- 文本倾斜,推荐使用em

small -- 文本变小

big -- 文本变大

以上标签的特征:

是行内元素,不会独占一行,多个元素排排坐,对局部样式进行修饰

是双标签

8.html规范:

a.所有的标签都必须使用<>进行包裹;

b.标签通常成对出现,属性写在开始标签身上;

c.标签不区分大小写,建议小写,可读性高;

d.标签可以嵌套,但不允许交叉嵌套;

9.布局标签:

div -- 主要用于建框布局,为块级元素,独占一行,宽度100%

span -- 主要用于局部修饰,为行内元素,宽度为内容的宽度

小结: 以上两个标签结合class id使用的时候,作用发挥到最大

10.标签的分类:

块级元素:

特征:独占一行,宽度默认100%

使用场景:多用于建框布局

哪些? h1,h2,h3,h4,h5,h6,p,div

行内元素

特征:不会独占一行,宽高为内容的宽高,多个元素排排坐

使用场景:多用于局部修饰

哪些? 文本相关(strong/b em/i small big) span

11.特殊符号:

< -- 小于

> -- 大于

 -- 小空格

 -- 大空格

©-- 版权符