【HTML】02-基础标签

<!--
块元素和行内元素：
    1.块元素：占据一整行，占据的区域大小和内容无关。
        代表元素：div标签、h标签、p标签、hr标签
    2. 内元素：占据的区域大小和内容有关。
        代表元素：span标签、a标签、strong标签、em标签
基础标签：
    1.h系列标签：标题标签：h1~h6
        align: 对齐方式
        title：提示文本
    2.p标签：段落标签。
        align：对齐方式
        title：提示文本
    3.hr标签：水平线。
        color：颜色，可以填写颜色的单词、颜色的十六进制表示形式
            注意：不要使用颜色rgb表示形式
            参考网址https://www.sioe.cn/yingyong/yanse-rgb-16/
        size：粗细
        width：长度
        align：对齐方式
    4.br标签：换行标签
    5.a标签：超链接标签
        href：点击跳转的页面地址
        target：设置新页面的打开方式，设置_blank会从新的标签打开页面。
    6.b\strong标签：加粗标签。
    7.em标签：斜体标签
    8.marquee标签：文本滚动标签
        direction：滚动方向
        scrollamount：滚送速度
    9.span标签：行内标签的代表，本身没有任何样式效果，方便我们对局部内容追加样式。
    10。div标签：块标签的代表，除了块元素特性以外本身没有任何样式效果，方便我们对局部内容追加样式。
-->

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>基础标签</title>
	</head>
	<body>
		<h1 align="left" title="这是h1的提示文本">这是h1</h1>
		<h2 align="right">这是h2</h2>
		<h3 align="center">这是h3</h3>
		<h4>这是h4</h4>
		<h5>这是h5</h5>
		<h6>这是h6</h6>
		
		<h7>这是h7</h7>
		普通文本
		
		<hr/>
		
		<p align="center">HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。</p>
		<p>HTML5的设计目的是为了在移动设备上支持多媒体。</p>
		<br><br>
		<p>HTML5 简单易学。</p>
		
		<hr/>
		
		<span style="color: red;">HTML5是<span style="color: blue;">HTML</span>最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。</span>
		<span>HTML5的设计目的是为了在移动设备上支持多媒体。</span>
		<span>HTML5 简单易学。</span>
		
		<hr color="red" size="7" width="300px" align="left"/>
		<hr color="#EEE" size="7" width="300px" align="left"/>
		<hr color="#EEEEEE" size="7" width="300px" align="left"/>
		<hr color="rgb(255,192,203)" size="7" width="300px" align="left"/>
		
		<a href="http://www.baidu.com">百度一下，你就知道！</a>
		<a href="01默认标签.html" target="_blank">跳转到默认标签页面</a>
		
		<hr/>
		
		<b>你好世界</b>
		<strong>你好世界</strong>
		<em>你好世界</em>
		
		<hr/>
		<marquee direction="down" scrollamount="10">
			<p>HTML5是HTML最新的修订版本，2014年10月由万维网联盟（W3C）完成标准制定。</p>
			<p>HTML5的设计目的是为了在移动设备上支持多媒体。</p>
			<p>HTML5 简单易学。</p>
		</marquee>
		
		<hr />
		
		<div>hello world</div>
		<div>你好世界</div>
		<span>hello world</span>
		<span>你好世界</span>
		
	</body>
</html>