HTML基础(二)

三、基本的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>





  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值