(接上篇)
功能标签

  • 超链接

    <a  href="跳转的地址"></a>
    href可以是一个网址,也可以是一个文件,还可以是一个html文件的位置
    target 指定在什么窗口打开 _blank表示在新窗口打开 默认在当前窗口
    title 悬停文本

    锚点

     定义锚点 1 <a name=""></a> 2 标签配合id属性
     跳转到锚点 本页面跳转 <a href=“#锚点名或标签id属性值”>****</a>
     

    路径

    分为相对路径和绝对路径 
    绝对路径:网址、带盘符
    相对路径 从自身出发
         * 当引入的文件和当前文件在同级目录下 直接写引入文件名即可或./引入文件名
         * 当引入的文件在当前文件的上一级目录下 ../引入文件
         

图片


    <img src="" title="" alt="" >
    alt:替换

    src- 图像的位置  
    title标题
    alt 代表图像的替代文本
    width
    height  
    border 以后用css设置
    usemap 

    图片格式 gif/jpeg/png
  • 列表

     无序列表(常用)
       <ul>
          <li>...</li>
          <li>...</li>
          <li>...</li>
       </ul> 
       
     有序列表
      <ol type="A" start="2">
      有序列表,自带数字 以字母的形式开始,从第二个字母开始
      <li>
      玛卡巴卡
      </li>
      <li>
      依古比古
       </li>
       
     自定义列表
     <dl>
      **dt为自定义列表,dd围绕dt展开**
      <dt>html标题</dt>
      <dd> 前端网页基础语言 </dd>
      <dd> 标记语言</dd>
      <dt>css</dt>
      <dd>层叠样式表</dd>
      <dd>负责页面的表现</dd>
      <dt>js</dt>
      <dd>编程</dd>
     </dl>
     
     通常无序表格会更常用,无序表加上数字就成了有序。
     
    • 表格

      表格:展示数据,为一个整体,有头有尾
table标签的专有属性:
    border 边框
    cellpadding设置内容到边框的距离
    cellspacing设置单元格之间的缝隙
    align对齐方式left/right/center-->
    
<table border="1" width="500" align="center" cellpadding="5" cellspacing="20">

    表格:展示数据,为一个整体,有头有尾,thead可以不写,当做tbody内的
    <thead></thead>
   tr定义一行,td定义一列
        tr/td/th都有width/height/align/valign属性
        <tr>
            <td width="200" height="30" valign="bottom">姓名</td> 
            <td>学号</td>
            <td>专业</td>
        </tr>
        tr*3按回车可以快速生成代码
        <tr>
            <td width="210">姓名</td>
            <td>学号</td>
            <td>专业</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>学号</td>
            <td>专业</td>
        </tr>
        <tr>
            <td>姓名</td>
            <td>学号</td>
            <td>专业</td>
        </tr>

        
    <tbody></tbody>
    <tfoot></tfoot>
    

</table>

图片.png


花海
1 声望1 粉丝

« 上一篇
初入<html>学习
下一篇 »
<js>入门(1)