关于html:html-2

52次阅读

共计 1242 个字符,预计需要花费 4 分钟才能阅读完成。

(接上篇)
性能标签

  • 超链接

    <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>

正文完
 0