HTML5 简单的表格制作（2）

最新推荐文章于 2022-03-21 20:51:29 发布
最新推荐文章于 2022-03-21 20:51:29 发布
阅读量138 收藏
点赞数
原文链接：http://www.cnblogs.com/kirino/p/9401703.html
版权 
 
 
 
 
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<table align="center" bgcolor="#faebd7" width="800" border="0" cellspacing="5" cellpadding="1">
    <tr bgcolor="#faebd7">
        <td align="right">*家长姓名：</td>
        <td><input type="text"></td>
    </tr>
    <tr bgcolor="#faebd7">
        <td align="right">*家长电话：</td>
        <td><input type="text"></td>
    </tr>
    <tr bgcolor="#faebd7">
        <td align="right">学生姓名：</td>
        <td><input type="text"></td>
    </tr>
    <tr bgcolor="#faebd7">
        <td align="right">学生年级：</td>
        <td>
            <label><input type="radio" name="stnj" checked>小学</label>
            <label><input type="radio" name="stnj">初中</label>
            <label><input type="radio" name="stnj">高中</label>
        </td>
    </tr>
    <tr>
        <td align="right">学生性别：</td>
        <td>
            <label><input type="radio" name="str" checked>男</label>
            <label><input type="radio" name="str">女</label>
        </td>
    </tr>
    <tr height ="300" bgcolor="#faebd7" >
        <td align="right">问题：</td>
        <td>
            <textarea name="002" id="001" cols="80" rows="10"></textarea>
        </td>
    </tr>
</table>
</body>
</html>
 

 

转载于:https://www.cnblogs.com/kirino/p/9401703.html

                

        

        




    




    

      

        

            

              
                
                  derew0415
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
html制作简单的表格源码.zip

				
			

			

				

					11-12
				

			

		

		

			
				
html表单制作及实例html制作简单的表格源码.ziphtml制作简单的表格源码.ziphtml制作简单的表格源码.ziphtml制作简单的表格源码.ziphtml制作简单的表格源码.ziphtml制作简单的表格源码.zip

			
		

	



                

              
                



	

		

			

				
					
HTML制作表格.ppt

					
最新发布

				
			

			

				

					11-15
				

			

		

		

			
				
本章节将介绍HTML制作表格的相关知识点，以便读者能够快速掌握HTML表格的制作方法和美化技巧。  一、为什么使用表格？  表格是HTML文档中的一种常见结构，广泛应用于网页上的文本和图像存放。它可以将数据以表格形式...

			
		

	



                


  
              

                


	

		

			

				
					
HTML5 简单的表格制作（1）

				
			

			

				

					
				

				

					08-01
					
					420
					
				

			

		

		

			
				
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><table border="3"  width="500" bgcolor="...

			
		

	





	

		

			

				
					
html5制作表格

				
			

			

				

					b04330230的博客
				

				

					03-14
					
					253
					
				

			

		

		

			
				
今天学了html5制作表格的方法，其中，有一些基础的用法要给大家介绍一下：
  
表格的基本格式
格式:
<table>
     <tr>…
           <th>…</th>
           <th>…</th...

			
		

	



		

			
		



	

		

			

				
					
html5如何制作表格和链接,HTML5样式、链接和表格

				
			

			

				

					weixin_34053992的博客
				

				

					06-29
					
					463
					
				

			

		

		

			
				
内容概要1.HTML样式2.HTML链接3.HTML表格1.HTML样式标签:样式定义:资源引用属性rel = "stylesheet": 外部样式表type = "text/css": 引入文档的类型margin-left: 边距三种样式表插入方法1.外部样式表：2.内部样式表：body {background-color:red}p {margin-left:20px}3.内联样式表：例如下图...

			
		

	





	

		

			

				
					
HTML5 简单的表格制作（3）

				
			

			

				

					
				

				

					08-01
					
					126
					
				

			

		

		

			
				
<!DOCTYPE html><html lang="en"><head>    <meta charset="UTF-8">    <title>Title</title></head><body><table border="3" bordercolor="red"widt...

			
		

	





	

		

			

				
					
html5表格制作教程,html怎么做表格

				
			

			

				

					weixin_32778881的博客
				

				

					06-05
					
					7450
					
				

			

		

		

			
				
html做表格的方法：首先新建一个html，并在“”中间填入表格内容；然后在“”中间输入样式表的样式；最后设置单元格的宽度高度等等样式即可。本文操作环境：Windows7系统、HTML5&&CSS3版，DELL G3电脑html做个表格的步骤如下：1、首先新建一个html，点击中间，先填入表格内容；2、内容根据需求来写即可，示例代码如下：功课表语文7:00-7:407:50-8:3...

			
		

	





	

		

			

				
					
HTML5制作表格样式

				
			

			

				

					09-27
				

			

		

		

			
				
本篇文章将详细介绍如何使用HTML5来制作一个美观、易于理解的表格，并通过CSS进行样式定制，使其更具吸引力。首先，我们来看一下基本的HTML结构。  ```html <!DOCTYPE html> <html>     表格    /* CSS样式代码 */  ...

			
		

	





	

		

			

				
					
html制作细线表格的简单实例

				
			

			

				

					12-14
				

			

		

		

			
				
关于这个细线表格的制作方法，百度一下可能就会有答案告诉你设置这几个值：给table设置border="0" cellspacing="1" bgcolor="#990033"这几个值，还要给单元格单独设置背景色,例如：bgcolor="#fff"。但是关于为什么要...

			
		

	





	

		

			

				
					
使用html5制作表格

				
			

			

				

					Tong____的博客
				

				

					05-15
					
					1357
					
				

			

		

		

			
				
使用html5制作表格使用html5制作表格
使用html5制作表格
我是一位大一学生，听老师说写博客有利于自身成长，今天偶然看到这个网页，写下第一次自己的博客。
这是一次老师布置的简单的作业，创建一个课程表。成果是这样的：
这里的关键是使用th与tr，tr代表行，th代表列。举个例子，就像第一行的代码是< tr> < th> 星期一< /th> < /tr>这样网页中就会出现：星期一，一个tr代表一行，当你输入两次tr代码时，就会出现两行，同样的当你输入th

			
		

	





	

		

			

				
					
HTML5表格，表单的实现过程

				
			

			

				

					z020729的博客
				

				

					03-21
					
					1649
					
				

			

		

		

			
				
本篇博客读完，看着图片能够一步一步做出表格就算达到目的，看到表单的图片之后，可以先思考一下自己会如何实现。

从行着手是我发现的一个核心点，大部分表单都可以拆分为一行一行，奇妙的地方在于行里面可能是一张照片，一个文件，所以有些表单给人的感觉就是不太规则，无从下手。





言归正传，看上面图片从所属单位这一行开始（包括这一行），下面所有的内容都是一个正正经经的表格，我们可以想到用table标签来实现这一块的内容。




<h2 style="width: 500px;text-align: cen

			
		

	





	

		

			

				
					
HTML5-表格标签

				
			

			

				

					陈大牛的博客
				

				

					03-13
					
					4619
					
				

			

		

		

			
				
表格

在过去表格标签用的非常非常的多, 绝大多数的网站都是使用表格标签来制作的, 也就是说表格标签是一个时代的代表

http://2004.sina.com.cn
作用:以表格形式将数据显示出来, 当数据量非常大的时候, 表格这种展现形式被认为是最为清晰的一种展现形式格式:

table定义表格tr定义行td定义单元格
素(一共有多少列)-->        



表

			
		

	





	

		

			

				
					
使用HTML5创建简单的表格和表单

				
			

			

				

					weixin_45003321的博客
				

				

					03-24
					
					716
					
				

			

		

		

			
				
HTML5
创建表单示例
radio 单选框 圆心
checkbox  复选框  方形
submit 提交按钮
reset 重选按钮
textarea 文本输入
<html>
	<head>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=

			
		

	





	

		

			

				
					
HTML5  （五） 表格的使用

				
			

			

				

					Lin_junhan的博客
				

				

					08-16
					
					4065
					
				

			

		

		

			
				
表格标签的基本使用：

表格标签在过去使用非常多，绝大多数网站都是使用表格标签来制作的，也就是说表格标签是一个时代的代表。

什么是表格标签：

表格标签是用来给一堆数据添加表格语义。

表格是一种数据的展现形式，当数据量非常大时，表格这种展示风格的形式是被认为最为清晰的一种形式。

表格标签的格式：


&lt;table&gt;
    &lt;tr&gt;
        &lt;td&gt...

			
		

	





	

		

			

				
					
html5细线表格制作

				
			

			

				

					weixin_34236497的博客
				

				

					06-04
					
					727
					
				

			

		

		

			
				
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>test</title>
    <link rel="stylesheet" type="text/css" href="css/my.css">
    &...

			
		

	





	

		

			

				
					
html5表格写法

				
			

			

				

					古美門
				

				

					04-19
					
					4551
					
				

			

		

		

			
				
html5的表格几种写法

			
		

	





	

		

			

				
					
用html5创建表格

				
			

			

				

					small_rain_的博客
				

				

					08-16
					
					6366
					
				

			

		

		

			
				

1.表格的基本结构
      :一个表格只允许出现一对，html5不再支持它的任何属性
      :表示表格的行数，html5不再支持它的任何属性
      :写在内，表示该行有多少个单元格，html5中，只有colspan和rowspan两个属性


   
      表格的基本结构
   
   
      
          
          

			
		

	





	

		

			

				
					
HTML表格制作

					
热门推荐

				
			

			

				

					哇塞
				

				

					06-11
					
					4万+
					
				

			

		

		

			
				
HTML中制作表格有两种方法：

（1）先把最原始的表格画出来，每一个都是单个单元格，然后再根据要求进行行合并或列合并，有的表格需要行列都合并，则也是把它分为两步做，先合并行再合并列（或者先合并列再合并行），若进行了colspan和rowspan的合并，则将之后同一行或同一列的单元格删除，但这种方法较麻烦，容易搞混。

（2）直接根据最终要生成的表格来操作，将每个合并的单元格看做一个小的单元格，不...

			
		

	





	

		

			

				
					
html5实现简单表格

				
			

			

				

					qq_28569939的博客
				

				

					08-24
					
					4223
					
				

			

		

		

			
				
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body>

<table border="1" width="30%" cellpadding="0" cellspacing="0" bgcolor="#f0ffff" align="center"&gt.

			
		

	



              



  
“相关推荐”对你有帮助么？

  

      
    
          
  • 
              
    
                  
                  
              
    
              
    非常没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    没帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    一般
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    有帮助
    
          
    • 
          
  • 
              
    
                  
                  
              
    
              
    非常有帮助
    
          
    • 
      

      

      

          
          提交
      

      

  




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值