HTML二(基本标签)
一、标题
HTML 标题(Heading)是通过 <h1> - <h6> 等标签进行定义的。
<!--标题--> <h1>标题 1</h1> <h2>标题 2</h2> <h3>标题 3</h3> <h4>标题 4</h4> <h5>标题 5</h5> <h6>标题 6</h6> <!--段落--> <p>请仅仅把标题标签用于标题文本。不要仅仅为了产生粗体文本而使用它们。请使用其它标签或 CSS 代替。</p>
结果:
标题 1
标题 2
标题 3
标题 4
标题 5
标题 6
二、段落
HTML 段落是通过 <p> 标签进行定义的。
<p>这是段落。</p> <p>这是段落。</p> <p>这是段落。</p> <p>段落元素由 p 标签定义。</p>
结果:
这是段落。
这是段落。
这是段落。
段落元素由 p 标签定义。
<!--多行段落和段落中有空格--> <p> 这个段落 在源代码中 包含许多行 但是浏览器 忽略了它们。 </p> <p> 这个段落 在源代码 中 包含 许多行 但是 浏览器 忽略了 它们。 </p> <p> 段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。 </p>
结果:
这个段落 在源代码中 包含许多行 但是浏览器 忽略了它们。
这个段落 在源代码 中 包含 许多行 但是 浏览器 忽略了 它们。
段落的行数依赖于浏览器窗口的大小。如果调节浏览器窗口的大小,将改变段落中的行数。
<h1>春晓</h1> <p> 春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。 </p> <p>注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。</p>
结果:
春晓
春眠不觉晓, 处处闻啼鸟。 夜来风雨声, 花落知多少。
注意,浏览器忽略了源代码中的排版(省略了多余的空格和换行)。
三、链接
HTML 链接是通过 <a> 标签进行定义的。
<a href="http://www.163.com">这是一个连接</a>
结果:这是一个连接
<!--在新的浏览器窗口打开链接 target值设置为_blank--> <a href="http://www.163.com" target="_blank">这是一个连,在新窗口中打开</a>
3.1、锚链接
在同一页面内的连接,从一个位置跳到另一个位置
创建锚
<a name="锚名">显示名称1</a>
连接锚
<a href="#锚名">连接显示名称1</a>
<a href="#a4">连接到a4</a> <a name="a4">a4</a>
四、图像
HTML 图像是通过 <img> 标签进行定义的。
<img src="图像路径" />
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。