三、基本的Html标签-四个实例

(一)HTML标题

     HTML标题(heading)是通过h1——h6等标签进行定义的,示例如下:

<h1>这是我的第一个网页</h1>

<h2>这是我的第一个网页</h2>

<h3>这是我的第一个网页</h3>

<h4>这是我的第一个网页</h4>

<h5>这是我的第一个网页</h5>

<h6>这是我的第一个网页</h6>


 HTML基础(二)HTML基础(二)


(二)HTML段落

Html段落是通过标签<p>来进行定义的,示例如下

<p>html,超文本标记语言,标准通用标记语言下的一个应用。“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。超文本标记语言的结构包括“头”部分(英语:Head)、和“主体”部分(英语:Body),其中“头”部提供关于网页的信息,“主体”部分提供网页的具体内容。</p>

注:html中,<p>...</p>标签仅能够将段落中文字按照每段顶格排列,如需分段排列且空格,其标签为:<p style="text-indent:2em;">...</p>


 HTML基础(二)


HTML基础(二)

(三)HTML链接

HTML中,定义一个链接用<a>来定义,示例如下:

<a href="http://my.csdn.net/my/mycsdn">CSDN</a>

 

HTML基础(二)


HTML基础(二)


(四)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>


HTML基础(二)

HTML基础(二)


相关文章:

  • 2021-07-07
  • 2021-06-01
  • 2021-04-03
  • 2022-01-09
  • 2021-10-06
  • 2021-07-19
  • 2021-12-31
  • 2022-02-09
猜你喜欢
  • 2021-11-06
  • 2021-11-16
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案