php入门之html常用标签

一、文件版面编辑器

 1.格式标签

          格式标签用于定义网页中文本的布局、缩进、位置、换行、列表等
          <br>           换行
          <p>            段落
          <center>     居中
          <pre>         保留文字在源代码中的格式
          <ul><li>     无序列表
          <ol><li>     有序的列表
          <hr>           水平分隔线


 2.文本标签
        在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
        <hn>          标题,共6中标题,即<h1>、<h2>、<h3>......
        <b>            粗体
        <i>             斜体
        <u>            下划线
        <sub> 下标
        <sup> 上标


        <s> 划掉线

<font>        字体
        <tt>           输出打印机文字
        <cite>        输出引证、举例的斜体字
        <em>         输出强调的斜体字
        <strong>    输出强调的粗体字
        <small>      输出小型字体
        <big>         输出大型的字体


二、超链接标签

<a href=“URL”>某某页面</a>    例如:<a href="http://www.baidu.com" target="_blank">百度</a><br>
    Target属性:  
_self  :新窗口打开被链接文档。  
_blank:默认值,在当前页面打开,多数与文档标题 <base> 标签中的 target 属性一起使。
_parent:在父框架集中打开被链接文档。   
_top :在整个窗口中打开被链接文档。

三、锚点的应用

     <a href=“URL”>某某页面</a> : 超连接
         <a name=“name”>内容</a>   :锚点
         使用时<a href=“#name”>定位位置</a>


锚的名称可以是任何你喜欢的名字。
可以使用 id 属性来替代 name 属性,命名锚同样有效。


四、图像标签
 <img>
       
src: 指定图片所在的URL
       
border=边框的宽度
        Alt:  
在浏览器无法载入图像时,替换文本属性告诉读者她们失去的信息
       
width
        height

、图像地图

把一幅图像分成多个区域,每个区域指向不同的URL地址(为一个图片加多个链接)
 在图像<img>中使用usemap属性去使用地图
       
<map>定义热点区域
       
<area>指定每个热点区域
     
 Shape指定形状 rect, poly, circle
       
Coords确定形状
       
href指定链接的位置

<html>
<head>
<title>建立图像标签</title>
</head>


<body>
<!--设置锚点超链接-->
<a href="#one">第一段</a><br>
<a href="#two">第二段</a><br>
<a href="#three">第三段</a><br>

<!--设置锚点-->
<a name="one">11111</a>
<a name="two">22222</a>
<a name="three">3333</a>

<!--通过标签<a>和<img>设置图像超链接-->
<a href="http://localhost/cms/index.php"><img src="logo.gif" border=0 width=50% alt="xsphp_logo" /></a><br><br>


<!--图像映射-->
<img src="logo.gif" usemap="#mymap" border=0 />


<map name="mymap">
<area shape="rect"  coords="5, 5, 50, 70" href="http://www.php.net" target="_blank">
<area shape="circle" coords="75, 35,30" href="http://www.apache.org" target="_blank">
<area shape="poly" coords="175,0,110,70,180,70" href="http://www.linux.com" target="_blank">
</map>
</body>


</html>

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值