PHP入门 - - 05-->编写HTML页面的常用标签

时间:2022-10-27 01:14:21

一、文字版面的编辑

1.格式标签

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

2.文本标签

在网页中,为了着意强调某一部分文字,或者为了让文字有所变化
        <hn>          标题,共6中标题,即<h1>、<h2>、<h3>......
        <b>            粗体
        <i>             斜体
        <u>            下划线
        <sub>
        <sup>
        <font>        字体
        <tt>           输出打印机文字
        <cite>        输出引证、举例的斜体字
        <em>         输出强调的斜体字
        <strong>    输出强调的粗体字
        <small>      输出小型字体
        <big>         输出大型的字体

二、超链接标签

协议:主机:文件:附加资源
       1.相对URL:
          例如:<a href="./html/web.html" target="_blank">web.html</a><br>
       2.绝对URL:
          <a href=“URL”>某某页面</a>    例如:<a href="http://www.baidu.com" target="_blank">百度</a><br>
          Target:  _self    _blank   _parent   _top  name

三、锚点的应用

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

四、图像标签

<img>
        Src: 指定图片所在的URL
        Border=边框的宽度
        Alt:   鼠标放上有黄色小图标, 如图像不存在,则出现它指定的文字,搜索引擎可以通过它指定的文字搜索该图片
        Width
        height

五、图像地图

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