HTML的基本标记语言及特点

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


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

内容


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

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

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

在这里插入图片描述
在这里插入图片描述

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

内容

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

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值