html标签中的多空格，html标记语法规则？

html基本结构、语法标准：

1、html文档命名：

①、必须一小写英文字母开头、下划线、数字组合；

②、不能用汉字、空格、特殊字符(标点符号)；

③、文档后缀名：html/htm;

④、首页必须命名成index.html或index.htm(这主要是因为加超链接必须以此规则命名)

1.强制换行标记（br）:单标记。主要作用是让标记后面的文字，图片，表格等显示在下一行。

2.段落标签:（p）：。由于多个空格和回车在HTML 中会被等效为一个空格，所以HTML 中换段落就用p。p标签可以嵌套。

3.center：居中对齐标记，让段落或者是文字相对于父标记居中显示。

4.pre：预格式化标记，保留预先编排好的格式。

5.li：列表项目标记，每一个列表使用一个li标记。

6.ul：无序列表

7.ol> ：有序列表标记，可以显示一些特定的顺序。列表可以嵌套

有序列表的格式为：

ol type=”符号类型”

li type=”符号类型” /li

li type=”符号类型” /li

type的属性值有：默认的type属性值为阿拉伯数字123等；大小写的英文字母； 大小写的罗马数字。

列表里面的value表示，指定一个新的序列的数字起始值。

8.定义型列表：dl,dt,dd。一般在对列表条目进行简短的说明的时候使用。

9.hr：单标记。水平分割线标记，段落之间的分割线。

10.div：分区显示标记，也称之为层标记。常用来编排一大段的HTML段落，也可以用于格式化表，可以嵌套使用。

1、标题标签： h1~h6 ctrl+1~6

2、段落标签： p ctrl+shift+p

3、换行标签： br shift+回车

4、水平线： hr

5、加粗标签： strong ctrl+b

6、倾斜标签： em ctrl+i

7、空格标签： & nbsp;

8、图片标签：img src=’图片路径’ alt=’图片加载错误提示文字’ title=’鼠标悬停文字’ width=’宽度’ height=’高度’ />

9、超链接：a href=’链接路径’ traget=’_blank’> 文本/图片/a>

10、锚链接：

(1) 定义锚：给标签加id属性，id=”top”

(2) 跳转到锚：a href=”#top”> top/a>

11、行级标签

1.Strong

2.Em

3.A

4.Img

12、块级标签

1.标题标签

2.段落标签

Display：inline-block设置元素具有行级标签和块级标签的属性

.da dl dd p:nth-of-type(1)：当dd下面的段落p有好几个的时候，你有只想给第一个段落p加样式的时候用到这个！！！

Float：浮动

Z-index：层次 z-index：1比z-index：2 低一层

设置div半透明的代码：opacity:0.7；

设置div溢出隐藏的代码：overflow:hidden;

设置css的动画效果：transition: all 0.5s linear

设置css时图片在div中同比例放大或者同比例缩小：transform: scale(1.1)

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！