HTML5笔记(二):HTML5的常用元素与属性之基本元素

HTML5保留的基本元素如下几个。

    1)<!--...-->:定义HTML注释

    2)<html>:它是HTML5文档的根元素。但HTML5允许完全省略这个元素。

    3)<head>:它用于定义HTML5文档的页面头部分。但HTML5允许完全省略这个元素。

    4)<title>:它用于定义HTML5文档的页面标题。

    5)<body>:它用于定义HTML5文档的页面主体部分,该标签可以指定id、class、style等核心属性,还可以指定onload、onunload、onclik等事件属性,这些属性用于指定JavaScript脚本。

    6)<style>:该元素用于引入样式定义。

    7)<h1>到<h6>:定义标题一到标题六。

    8)<p>:定于段落,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

    9)<br>:插入一个换行,该标签可以指定id、class、style等核心属性

  10)<hr>:定义水平线,该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。HTML5中<hr.../>还代表了主题结束的语义。

  11)<div>:定义文档中的节。该标签可以指定id、class、style等核心属性,还可以指定onclick等各种事件属性。

  12)<span>:与<div>基本相似,区别是该定义的节默认不会换行。该标签可以指定和<div>相同的属性。

演示代码:

<!DOCTYPE html>
<html>
<head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	 <title>基本标签</title>
</head>
<body>
     <!--采用标题一到标题六来输出文本-->
	 <h1>>标题一</h1>
	 <h2>>标题二</h2>
	 <h3>>标题三</h3>
	 <h4>>标题四</h4>
	 <h5>>标题五</h5>
	 <h6>>标题六</h6>
	 <!--输出一条水平线-->
	 <hr />
	 <!--使用三个span定义三个节-->
	 <span>1</span><span>2</span><span>3</span>
	 <!--输出换行-->
	 <br />
	 <!--使用三个div定义三节-->
	 <div>1</div><div>2</div><div>3</div>
	 <!--使用三个p定义三个段落-->
	 <p>1<p>2<p>3
</body>
</html>

最终结果:

由此可知,div和span的区别,<h1>到<h6>的标题大小等

猜你喜欢

转载自blog.csdn.net/hy720530/article/details/81174027