• Web(二)html5基础-表格基本结构

     第1关_网页表格的基本概念

    第2关_创建简单的表格

    本关任务：创建一个两行两列的表格。
    相关知识：为了完成本关任务，你需要掌握：1.表格的结构及对应的标签，2.表格标签的属性。
    表格的结构及对应的标签。一个基本的表格是由行和每行中的单元格组成的，一般要包含表格标题、项目标题和数据资料三个要素。例如下图所示的表格基本表格

    参考答案

    1. html>
    2. <html>
    3.  <head>
    4.   <meta charset="utf-8"/>
    5.   <title>创建表格title>
    6.  head>
    7.  <body>
    8.    
    9.    
    10.   <table border="4px" width="200" background="https://www.educoder.net/api/attachments/1208912">
    11.   <caption>成绩表caption>
    12.     <tr>
    13.       <th width="100">姓名td>
    14.       <th width="100">成绩td>
    15.     tr>
    16.     <tr>
    17.       <td width="100">张三td>
    18.       <td width="100">90td>
    19.     tr>
    20.   table>
    21.   
    22.    
    23.  body> 
    24. html>

    第3关_表格行样式的设置

    编程要求：根据提示，在右侧编辑器中的Begin - End区域内补充代码，用于设置表格第一行的样式，具体要求是： 1.该行的行高为40。 2.该行单元格内容的水平和垂直对齐方式都为居中， 3.该行的颜色代码设置为00ffff

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="utf-8"/>
    5.     <title>表格行样式的设置title>
    6. head>
    7. <body>
    8.     <table border="4px" background="https://www.educoder.net/api/attachments/1208912" width="200">
    9.        <caption>成绩表caption>
    10.        
    11.         <tr height="40" align="center" valign="middle" bgcolor="00ffff"> 
    12.        
    13.             <th width="100">姓名td>
    14.             <th width="100">成绩td>
    15.         tr>
    16.         <tr>
    17.             <td>张三td>
    18.             <td>90td>
    19.         tr>
    20.     table>
    21.     
    22. body>
    23. html>

    第4关_表格中单元格样式的设置

    编程要求
    1.该Begin1 - End1区域内添加table标签，设置表格边框线的粗细为4px，单元格之间的间隙为0，单元格内文本的内边距为8，表格总宽度200。
    2.Begin2 - End2区域内添加两个数据单元格标签，第一个数据单元格标签中设置单元格的宽度为120，单元格内的文本为“张三”；第二个数据单元格标签中设置其文本的水平对齐方式为居中，单元格内的文本为“90”。

    1. html>
    2. <html>
    3. <head>
    4.     <meta charset="utf-8"/>
    5.     <title>表格单元格样式的设置title>
    6. head>
    7. <body>
    8.     
    9.     <table border="4px" cellspacing="0" cellpadding="8" width="200">
    10.     
    11.        <caption>成绩表caption>
    12.         <tr height=40 align=center  valign=middle bgcolor=00ffff>
    13.             <th>姓名th>
    14.             <th>成绩th>
    15.         tr>
    16.         <tr bgcolor=00ff00>
    17.             
    18.             <td align="left" width="120">张三th>
    19.             <td align="center">90th>
    20.             
    21.             
    22.         tr>
    23.     table>   
    24. body>
    25. html>




     

  • 相关阅读:
    M.2接口电路设计
    Sentinel基础应用
    机器学习——入门
    TL-BERT: A Novel Biomedical Relation Extraction Approach
    MASA Framework - DDD设计（2）
    一文详解 implementation api embed
    SWT／ANR问题－－SWT 导致 kernel fuse deadlock
    什么是DDoS攻击？怎么防御DDoS攻击？
    c++中利用指针或应用如何安全的获取数据
    Dash 2.9.0版本重磅新功能一览
  • 原文地址：https://blog.csdn.net/m0_63324772/article/details/128012512