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元素。

转载于:https://www.cnblogs.com/sqyss/p/11099939.html

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值