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标签:加粗字体

猜你喜欢

转载自blog.csdn.net/tjj3027/article/details/83060071