zoukankan      html  css  js  c++  java
  • 网页制作之表格,列表

     
    一点自己的认识随便写写把
     
     
     
     
    标签:成对存在的名称            <div>  </div>  
     标签注意: 1、标签名放在<>内              2、标签成对存在              3、标签可以嵌套              4、结束标签有斜杠/   
    文档基本标签 : html、head、body   
    文档基本结构 :
    <!docType HTML> <html>     <head></head>------设置一些东西(配置信息)     <body></body>------页面上能看到的东西
    </html>     
     设置快捷键:Ctrl+u  
     注释:<!--   注释内容  -->(页面显示不出来)   加速:<b>加粗</b>   斜体:<i>斜体</i>   下划线:<u>下划线</u>   换行:<br>-----可以不用成对(功能标签)   分割线:<hr>---可以不用成对(功能标签)   居中:<center>居中<center>

    列表,表格  
     有序列表,无序列表   
     <ul></ul>----无序列表    <ol></ol>----有序列表
    列表
    <ul>   <li>列表1</li>   <li>列表2</li>    -------有序列表   <li>列表3</li> </ul>
    <ol>   <li>列表1</li>   <li>列表2</li>    -------无序列表   <li>列表3</li> </ol>
     
     
    表格 :
    <table>
       <tr>        <td>单元格1</td>----------第一行        <td>单元格2</td>    </tr>
       <tr>        <td>单元格1</td>----------第二行        <td>单元格2</td>    </tr>
    </table>


    <table border="1" width="100%" cellpadding="0" cellspacing="0">
       <tr >        <td>单元格1</td>----------第一行        <td>单元格2</td>    </tr>
       <tr>        <td>单元格1</td>----------第二行        <td>单元格2</td>    </tr>
    </table>
    border设置的是最外层边框 width 单位单元格的宽度 cellpadding 单元格里面的内容与边框的距离 cellspacing 单元格之间的距离

    <table border="1" width="100%" cellpadding="0" cellspacing="0">
       <tr height="100">       
              <td>单元格1</td>----------第一行        
              <td>单元格2</td>   
       </tr>
       <tr>        
               <td>单元格1</td>----------第二行      
               <td>单元格2</td>    
        </tr>
     height  单元格高度

    <table border="1" width="100%" cellpadding="0" cellspacing="0">    
            <tr >        
                   <th>单元格1</th>---------表头       
                   <th>单元格2</th>
             <tr >        
                      <td>单元格1</td>----------第2行          
                      <td>单元格2</td>    
              </tr>
                <tr>        
                      <td>单元格1</td>----------第3行        
                       <td>单元格2</td>    
               </tr>



    <table border="1" width="100%" cellpadding="0" cellspacing="0">
       <tr height="100">        
              <td colspan="2">单元格1</td>-----向右合并       
               <td roslpan="2">单元格2</td>-----向下合并        
       </tr>
       <tr>        
              <td>单元格1</td>        
              <td>单元格2</td>    
       </tr>


     相关属性 width:宽度 height:高度 border:边框 cellpadding:边距 cellspacing:间距 colspan:水平合并 roespan:垂直合并 algin:水平居中 bgcolor:背景色

    按住Ctrl不放+鼠标左键  可以编辑多个位置内容 按住Alt不放+鼠标左键上下拖动  可以编辑垂直行内容 Ctrl+D 复制光标所在行粘贴在下一行 Ctrl
    <!--a标签 相对路径-->
    相对路径:/代表根目录            ../代表上一级目录            ./自身目录(可省略)         跳转页面:<a href="aa.html">跳转到aa.html页面</a>  
    a标签三个功能  页面跳转  锚链接(定位)  功能链接(下载等)


    <!--图片标签 img  图片的替换文字-->
    <img src="企业图标.PNG"  alt="这是企业logo"


    <div> 块标签----默认占一行
     
     
     
     
     
    希望大家补充
  • 相关阅读:
    CentOS虚拟机和物理机共享文件夹实现
    集训第六周 数学概念与方法 概率 数论 最大公约数 G题
    集训第六周 数学概念与方法 概率 F题
    集训第六周 E题
    集训第六周 古典概型 期望 D题 Discovering Gold 期望
    集训第六周 古典概型 期望 C题
    集训第六周 数学概念与方法 UVA 11181 条件概率
    集训第六周 数学概念与方法 UVA 11722 几何概型
    DAG模型(矩形嵌套)
    集训第五周 动态规划 K题 背包
  • 原文地址:https://www.cnblogs.com/dongweichang/p/7794463.html
Copyright © 2011-2022 走看看