三、基本的Html标签-四个实例
(一)HTML标题
HTML标题(heading)是通过h1——h6等标签进行定义的,示例如下:
<h1>这是我的第一个网页</h1>
<h2>这是我的第一个网页</h2>
<h3>这是我的第一个网页</h3>
<h4>这是我的第一个网页</h4>
<h5>这是我的第一个网页</h5>
<h6>这是我的第一个网页</h6>
(二)HTML段落
Html段落是通过标签<p>来进行定义的,示例如下
<p>html,超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。</p>
注:html中,<p>...</p>标签仅能够将段落中文字按照每段顶格排列,如需分段排列且空格,其标签为:<p style="text-indent:2em;">...</p>
(三)HTML链接
在HTML中,定义一个链接用<a>来定义,示例如下:
<a href="http://my.csdn.net/my/mycsdn">CSDN</a>
(四)HTML图片
在HTMl中,图片通过<img>实现,示例如下:
<div align=center>
<img src="C:/Users/包/Desktop/study/HTML/blog/02/picture/01.png" width="104" height="142" />
</div>
注:图片路径可在浏览器上网址显示区域显示,红色部分效果为让图片居中,定义宽高可根据自己需要定义,也可以不用。
<html>
< title>
huai坏de小孩</title>
< body>
< h1>这是我的第一个网页</h1>
< h2>这是我的第一个网页</h2>
< h3>这是我的第一个网页</h3>
< h4>这是我的第一个网页</h4>
< h5>这是我的第一个网页</h5>
< h6>这是我的第一个网页</h6>
< p style="text-indent:2em;">html,超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,
甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),
其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。</p>
< a href="http://my.csdn.net/my/mycsdn">CSDN</a>
< div align=center>
< img src="C:/Users/包/Desktop/study/HTML/blog/02/picture/01.png" />
< /div>
< /body>
< /heml>