HTML -- 元素和属性

2021-12-08 22:33:49

HTML -- 元素

HTML元素是从开始标签到结束标签之间的代码，如：

    <!-- 加粗标签 -->
    <b>一些元素</b>
    <!-- 换行 -->
    <br />
    <a href="untitled.html">一个链接</a>

语法：

HTML 元素以开始标签起始
HTML 元素以结束标签终止
元素的内容是开始标签与结束标签之间的内容
某些 HTML 元素具有空内容（empty content）
空元素在开始标签中进行关闭（以开始标签的结束而结束）
大多数 HTML 元素可拥有属性(非本章内容)

HTML元素的嵌套

大多数的HTML元素是可以嵌套的，HTML文档也是由一个嵌套的HTML元素构成的，比如：

<html>
<head>
    <meta charset="utf-8">
    <title>My HTML</title>
</head>

<body>
    <!-- 加粗标签 -->
    <b>一些元素</b>
    <!-- 换行 -->
    <br />
    <a href="untitled.html">一个链接</a>
</body>
</html>

解释：html嵌套这head和body，head和body中又有嵌套。

空的元素

没有内容的 HTML 元素被称为空元素。空元素是在开始标签中关闭的。 就是没有关闭标签的空元素（ 标签定义换行）。在 XHTML、XML 以及未来版本的 HTML 中，所有元素都必须被关闭。在开始标签中添加斜杠，比如 ，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。即使 在所有浏览器中都是有效的，但使用 其实是更长远的保障。

HTML属性

HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
属性总是以名称/值对的形式出现，比如：name="value"。
属性总是在 HTML 元素的开始标签中规定。
一般属性都是小写，并且都被引号所包裹。

<!-- 这是一个具有属性的标签，在开始标签中的" href="value" "就是一个属性。 -->
<a href="untitled.html">一个链接</a>

更多的属性例子：

<!-- h1是标题标签，设置align属性为center(居中显示) -->
<h1 align="center">标题1</h1>

<!-- body是html的主体，设置背景色为黄色 -->
<body bgcolor="yellow">

</body>

	<!-- table是表格标签，设置它的线宽度为1 -->
	<table border="1">
		<tr>
			<th>Month</th>
			<th>Savings</th>
		</tr>
		<tr>
			<th>January</th>
			<th>100</th>
		</tr>
	</table>

码农公寓

HTML -- 元素

HTML元素的嵌套

空的元素

HTML属性

相关文章