我爱编程

HTML 基础

2017-04-07  本文已影响0人  WILD_POINTER

1、HTML 标题

HTML 标题(Heading)是通过 <h1> - <h6>标签定义的。

#实例  搜索引擎使用标题为您的网页的结构和内容编制索引。
<h1>This is a heading</h1>
<h2>This is a heading</h2>

2、HTML 段落

HTML 段落是通过 <p> 标签定义的。

#实例
<p>This is a paragragh.</p>
<p>This is another paragraph.</p>

3、HTML 链接

HTML 链接是通过 <a> 标签定义的。

#实例
<a href="http://www.w3school.com.cn">This is a link</a>
#ps:在 href 属性中指定链接的地址。

4、HTML 图像

HTML 图像是通过 <img> 标签定义的。

#实例  图像的名称和尺寸是以属性的形式提供的。
<img src="" width="104" height="142" />

替换文本属性(Alt)
alt 属性用来为图像定义一串预备的可替换的文本。在浏览器无法载入图像时,替换文本属性会显示失去的信息。浏览器将显示这个替代性的文本而不是图像。

<img src="" alt="Big Boat">

5、HTML 水平线

HTML 水平线是通过 <hr /> 标签定义的。

#实例
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>

6、HTML 注释

#实例  开始括号之后(左边的括号)需要紧跟一个叹号,结束括号之前(右边的括号)不需要。
<!-- This is a comment -->

7、HTML 折行

HTML 换行是通过 <br /> 标签定义的。

<p>This is<br />a para<br />graph with line breaks</p>
#注释:当显示页面时,浏览器会移除源代码中多余的空格和空行。所有连续的空格或空行都会被算作一个空格。
#需要注意的是,HTML 代码中的所有连续的空行(换行)也被显示为一个空格。

8、HTML 水平线

HTML 水平线是通过 <hr /> 标签定义的。

<p>hr 标签定义水平线:</p>
<hr />
<p>这是段落。</p>
上一篇下一篇

猜你喜欢

热点阅读