一、简介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元素。