HTML的基本标记语言及特点

时间:2024-04-12 16:51:55

一、标题标记
语法: n是为1-6的数字
例如:


属性:align 控制标题的对齐方式的属性
值: “left” “center” “right” 分别为左对齐 居中对齐 右对齐
特点:标题都有加粗的效果
标题都有一定的行间距
标题有大小的变化
二、段落标记
语法:

内容


特点:普通大小的字体
上下的行间距是有一定距离
属性:依然三种对齐方式 左中右 同上
三、标线标记
语法

特点:默认宽度为整个页面的宽度
默认灰色 2px的像素
属性:width height color 宽度 高度 颜色
四、换行(单标记)
语法:
或者

特点:可以让普通的字体进行换行 另外占一行的空间
五、文本样式标记
1.加粗 内容
2.倾斜 内容
3.下划线 内容
4.删除线 内容
注意:当我们在Html文件当中如果直街换行写,或者空间隔去写,浏览器都会将其解释为空一个空格,显示状态就是空一个英文字符的间隔,如果需要进行多个字符的空格,则需要使用特殊字符。
5.特殊字符
  一个空格 看需要的程度去使用
< < 用于展示给用尖括号的形式,因为浏览器一看到就会自动识别
> >
© 版权符号
¥ 货币符号

HTML的基本标记语言及特点
HTML的基本标记语言及特点

六、div和span标记
div元素
作用:做页面布局
语法:

内容

特点:独占一行 字体大小样式 以及行间距和普通文本无任何差异
span元素
语法: 内容
作用:用于包裹文本,进行自定义样式
特点:多个元素在同一行中进行显示、从左到右进行排列

可以将元素分为两大类:
块级元素:元素会独占一行并且从上到下进行排列
举例:div、p、h1-h6、ol/ul
注意:其中p标记不能去嵌套自己,否则浏览器解析时会自己再加一个元素,导致网页布局混乱 div 可以进行嵌套其他的标记,标题标记之间也没有进行嵌套的意义。
行内元素:元素会在一行中进行显示,并且从左到右进行排列
举例:span、u、i、s、b、a、img
注意:单标记不能进行嵌套,其他之间都可以进行随意嵌套