HTML--常用的元素,元素分类,分类区别?

一、简介HTML元素

HTML文档是由HTML元素定义,HTML元素指的是从开始标签(start tag)到结束标签(end tag)的所有代码。

开始标签常常被称为起始标签(opening tag),结束标签常常被称为闭合标签(closing tag)。

二、HTML元素语法

  1.HTML元素以开始标签起始,以结束标签终止,例如:<p>这是一个段落</p>,注意“/”。

  2.元素的内容是开始标签和结束标签之间的内容,例如:<p>这是内容</p>。

  3.没有内容的标签被称为空元素,空元素是在开始标签中关闭的,例如:<br/>,这是一个换行标签。

  4.大多数HTML元素可以拥有属性,这个属性之后再详细说明。

三、HTML元素分类

  1.块级元素:块级元素是指本身属性为display:block;的元素,因为它自身的特点,我们通常使用块级元素来进行大布局、大结构的搭建。

  2.行内元素(内联元素):行内元素是指本身属性为display:inline;的元素,因为它自身的特点,我们通常使用行内元素来进行文字、小图标、小结构的搭建。

四、块级元素和行内元素的区别

块级元素 行内元素
本身属性为display:block; 本身属性为display:inline;
独占一行,每一个块级元素都会从新的一行重新开始,从上到下排布 和其他行内元素从左到右在一行显示
可以直接控制宽度、高度等其他相关css属性,例如(padding系列,margin系列) 不可以直接控制宽度、高度等其他相关css属性,但是可以直接设置内外边距的左右值。
在不设置宽度的情况下,块级元素的宽度是它父级元素内容的宽度 行内元素的宽高是由本身内容大小决定的(文字、图片等)。
在不设置高度的情况下,块级元素的高度是它本身内容的高度 行内元素只能容纳文本或者其他行内元素,不能嵌套块级元素

 

 

 

 

 

 

 

五、常用的HTML元素

  标签不区分大小写,但是推荐使用小写 ,(X)HTML 版本中强制使用小写,这样更加严谨

块级元素 描述 行内元素 描述
div 常用的块级容器 span 常用的行内元素,定义文本内区块
h1~h6 主标题、二级子标题、三级子标题..... a 锚点、超链接
hr 水平分割线 b 文字内容加粗
menu 菜单列表 strong 文字内容加粗强调
ol 有序列表 i 文字内容斜体
ul 无序列表 em 文字内容斜体强调
li 列表项 br 强制换行
dl 定义列表 input 文本输入框
table 表格 textarea 多行文本输入框
p 段落 img 引入图片
form 交互表单 select 下拉列表

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2019.06.27 22:11

明日任务:

1.编写HTML代码常见错误以及解决方法?

2.<head></head>都可以放什么,什么作用?

3.新建网页,练习HTML元素。

posted @ 2019-06-27 22:07  闹闹S  阅读(2456)  评论(0编辑  收藏  举报