首页 > Web开发 > 详细

HTML二(基本标签)

时间:2015-01-24 01:32:45      阅读:288      评论:0      收藏:0      [点我收藏+]

一、标题

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="图像路径"  />

 

HTML二(基本标签)

原文:http://www.cnblogs.com/liunanjava/p/4245293.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!