HTML元素 html元素|HTML5

本文概述

例
块级和内联HTML元素
块级元素
例

HTML文件由元素组成。这些元素负责创建网页并定义该网页中的内容。 HTML中的元素通常由开始标签< tag name> , 结束标签< / tag name> 以及插入它们之间的内容组成。从技术上讲, 元素是开始标记, 属性, 结束标记以及它们之间的内容的集合。
注意：某些元素没有结束标签和内容, 这些元素被称为空元素或自闭合元素或void元素。如：

< p> Hello world!!! < /p>

例

< !DOCTYPE html> < html> < head> < title> WebPage< /title> < /head> < body> < h1> This is my first web page< /h1> < h2> How it looks?< /h2> < p> It looks Nice!!!!!< /p> < /body> < /html>

立即测试

文章图片

在body元素之间编写的所有内容都可以在网页上看到。

Void元素：HTML中的所有元素都不需要具有开始标记和结束标记, 某些元素没有内容和结束标记, 这些元素称为Void元素或空元素。这些元素也称为未配对标签。
一些Void元素是< br> （代表换行符）, < hr> （代表水平线）等。
嵌套的HTML元素：HTML可以嵌套, 这意味着一个元素可以包含另一个元素。
块级和内联HTML元素为了HTML中的默认显示和样式目的, 所有元素都分为两类：

块级元素
内联元素

块级元素

这些元素通过将页面划分为连贯的块来构成网页的主要部分。
块级元素始终以换行开头, 并占据了网页从左到右的整个宽度。
这些元素可以包含块级以及内联元素。

以下是HTML中的块级元素。
< address> , < article> , < aside> , < blockquote> , < canvas> , < dd> , < div> , < dl> , < dt> , < fieldset> , < figcaption> , < figure> , < footer > , < form> , < h1> -< h6> , < header> , < hr> , < li> , < main> , < nav> , < noscript> , < ol> , < output> , < p> , < pre> , < section> , < table> , < tfoot> , < ul> 和< video> 。
注意：所有这些元素将在后面的章节中介绍。例

< !DOCTYPE html> < html> < head> < /head> < body> < div style="background-color: lightblue"> This is first div< /div> < div style="background-color: lightgreen"> This is second div< /div> < p style="background-color: pink"> This is a block level element< /p> < /body> < /html>

立即测试
输出：