php入门之html常用标签

来源:互联网 发布:网络女主播都是穷人 编辑:程序博客网 时间:2024/06/05 23:40

一、文件版面编辑器

 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>

原创粉丝点击