HTML -- 元素和属性

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 元素被称为空元素。空元素是在开始标签中关闭的。<br> 就是没有关闭标签的空元素(<br> 标签定义换行)。在 XHTML、XML 以及未来版本的 HTML 中,所有元素都必须被关闭。在开始标签中添加斜杠,比如 <br />,是关闭空元素的正确方法,HTML、XHTML 和 XML 都接受这种方式。即使 <br> 在所有浏览器中都是有效的,但使用 <br /> 其实是更长远的保障。

HTML属性

  1. HTML 标签可以拥有属性。属性提供了有关 HTML 元素的更多的信息。
  2. 属性总是以名称/值对的形式出现,比如:name="value"。
  3. 属性总是在 HTML 元素的开始标签中规定。
  4. 一般属性都是小写,并且都被引号所包裹。
<!-- 这是一个具有属性的标签,在开始标签中的" 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>
上一篇:WIN2008中部署网站后样式及JS加载不了


下一篇:nginx增加ssl支持 - 编译时参数详情列表