html--html语法

一、基本语法:

<标记符>内容</标记符>

1.分类:

单标记(没有结束标记):有属性值、无属性值
双标记

2.基本结构:

标题 正文

说明: 标识网页文件的头部信息,如标题、搜索引擎等关键信息

二、html标签

html共有118个标签.

元素分类:

块状元素:

div、img、h1、 h2、 h3 、h4 、h5、 h6、p、br、ul、li 、ol
块状元素特征:

  • 能够识别宽高
  • margin和padding的上下左右均对其有效
  • 可以自动换行
  • 多个块状元素标签写在一起,默认排列方式为从上至下
行内元素:

i、a、span、
行内元素特征:

  • 设置宽高无效
  • 对margin仅设置左右方向有效,上下无效;padding设置上下左右都有效,即会撑大空间,行内元素尺寸
    由内含的内容决定,盒模型中 padding, border 与块级元素并无差异,都是标准的盒模型,但是 margin
    却只有水平方向的值,垂直方向并没有起作用。行内元素的水平方向的padding-left,padding-right,margin-
    left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都
    不会产生边距效果。padding设置上下左右都有效,即会撑大空间但是不会产生边距效果。
  • 不会自动进行换行
行内块状元素

行内块状元素特征:

  • 不自动换行
  • 能够识别宽高
  • 默认排列方式为从左到右
元素类型转换

以上三种类型元素可以通过display属性进行相互转换

  • display:inline;转换为行内元素
  • display:block;转换为块状元素
  • display:inline-block;转换为行内块状元素
文本标签:

mark标签:文本高亮
del标签:显示删除内容
ins标签:下划线
strong标签:强调字体

b标签:加粗字体

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

三知之灵

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值