今日编程

今天继续写了html的代码。

<!DOTYPE html>
<html>
  <head>
      <title>表格单元格合并</title>
  </head>
  <body>
     <!--注意事项，row( 行) rowspan行间距，column柱，colspan列间距
     1.row合并的时候，删除下边的单元格，合并上边的
     2.col合并的时候，对删除那个没有要求
     3.合几个写几<tr colspan="">
     -->
     <table align="center" border="20px" width="70%" height="300px"><!--表格-->

     <!--align设置表格的对齐方式,居中-->
     <tr align="center">
      <tr>
      <!--th标签是单元格标签，但居中加粗-->
        <th>员工编号</th>
        <th>员工薪资</th>
        <th>员工名称</th>
      </tr>
      <tr>
           <td>a</td>
           <td>b</td>
           <td>c</td>
       </tr>
       <tr><!--tr是行，td是每个表格-->
           <td>a</td>
           <td>b</td>
          <td rowspan='2'>cz</td>
       </tr>
       <tr>
           <td colspan="2">de</td>
          
           
       </tr>
     
     </table>


  </body>
</html>
View Code
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>背景颜色与背景图片</title>
 </head>
 <!--bgcolor设置背景颜色，background设置背景图片
  当背景图片不够大时，会重复出现
 -->
 <body bgcolor="red" background="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">
  
 </body>
</html>
View Code
<!DOCTYPE html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>图片img</title>
 </head>

 <!--
   1.设置图片高度与宽带时，只设置宽带
   2.img标签是图片标签
   3.src属性是图片的路径
   4.width设置宽度，height设置高度
   5.title设置鼠标悬停时显示的信息
   6.alt设置图片加载失败时显示的提示信息。
   7.当两个标签之间无内容时，可以写成<imag></img>或者<img/>
 -->

<body bgcolor="red" background="https://dss3.bdstatic.com/70cFv8Sh_Q1YnxGkpoWK1HF6hhy/it/u=2534506313,1688529724&fm=26&gp=0.jpg">
   <img src="https://dss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=151472226,3497652000&fm=26&gp=0.jpg" width="1000px" title="我是图片" alt="图片找不到" /> 
 </body>
</html>

明天计划继续学习html.

posted @ 2020-09-23 19:50  好吗，好  阅读(44)  评论(0)    收藏  举报