HTML教程-HTML元素

HTML 文件由元素组成。这些元素负责创建网页并定义该网页中的内容。HTML 中的一个元素通常由开始标记<tag name>、结束标记</tag name> 和插入它们之间的内容组成。从技术上讲，一个元素是开始标签、属性、结束标签、它们之间的内容的集合。

注意：有些元素没有结束标签和内容，这些元素被称为空元素或自闭元素或空元素。

例如：

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

例子

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

body 元素之间写的所有内容在网页上都是可见的。

空元素： HTML中的所有元素都不需要有开始标签和结束标签，有些元素没有内容和结束标签，这样的元素称为空元素或空元素。这些元素也称为不成对的标签。

一些 Void 元素是
（代表换行符），

（代表水平线）等。

嵌套的 HTML 元素： HTML 可以嵌套，这意味着一个元素可以包含另一个元素。

块级和内联 HTML 元素

为了 HTML 中的默认显示和样式目的，所有元素分为两类：

块级元素
行内元素

级元素：

这些元素通过将页面划分为连贯的块来构成网页的主要部分。
块级元素总是以新行开始，并从左到右占据网页的整个宽度。
这些元素可以包含块级元素和行内元素。

以下是 HTML 中的块级元素。

<address>、<article>、<aside>、<blockquote>、<canvas>、<dd>、<div>、<dl>、<dt>、<fieldset>、<figcaption>、<figure>、<footer >, <form>, <h1>-<h6>, <header>,

, <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>

输出：

在上面的例子中我们使用了

标签，它定义网页中的一个部分，并占据页面的整个宽度。

我们使用了用于设置 HTML 内容样式的 style 属性，背景颜色显示它是一个块级元素。

内联元素：

内联元素是那些区分给定文本的部分并为其提供特定功能的元素。
这些元素不以新行开头，并根据要求采用宽度。
内联元素主要与其他元素一起使用。

、<abbr>、<acronym>、、<bdo>、<big>、
、<button>、、、<dfn>、、, , <input>, , <label>, <map>, <object>, <q>, <samp>, <script>, <select>, , <span>, 、_{、^{、<textarea>、<time>、<tt>、<var>。}}

`例子：`

<!DOCTYPE html>  
<html>  
<head>  
</head>  
<body>  
    <a href="https://www.javatpoint.com/html-tutorial">Click on link</a>  
    <span style="background-color: lightblue">this is inline element</span>  
    <p>This will take width of text only</p>  
 </body>  
</html>

输出：

以下是 HTML 中使用的一些主要元素的列表：

开始日	内容	结束标记	描述
<h1> ...... <h6>	这些是 HTML 的标题	</h1>??..</h6>	这些元素用于提供页面的标题。
<p>	这是段落	</p>	该元素用于以段落形式显示内容。
<div>	这是 div 部分	</div>	此元素用于在网页中提供一个部分。
			此元素用于提供换行符。（空元素）
			该元素用于提供水平线。（空元素）