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> 块标签----默认占一行
     
     
     
     
     
    希望大家补充
  • 相关阅读:
    selenium模拟浏览器进行百度搜索
    爬虫出现Forbidden by robots.txt
    Scrapy和Headless Chrome采集动态网站数据
    爬虫框架Scrapy的安装与基本使用
    Python Selenium库的使用
    拦截器HandlerInterceptorAdapter使用方法
    Python多进程并发(multiprocessing)
    Oracle自定义DES3加解密
    Springboot手动添加quartz-jobs
    python 发送邮件接口
  • 原文地址:https://www.cnblogs.com/dongweichang/p/7794463.html
Copyright © 2011-2022 走看看