html作业-表格+案例+表单1

已于 2023-07-22 18:08:58 修改
阅读量202 收藏
点赞数
分类专栏： Web前端 文章标签： html 前端
于 2023-07-22 18:08:04 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73163437/article/details/131870965
版权

表格：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <table border="1px" cellspacing="0"  width="600px" height="200px">
        <tr bgcolor="pink"  align="center">
            <td colspan="5" >个人简历</td>
        </tr>
        <tr align="center">
            <td>姓名:</td>
            <td width="100px"></td>
            <td>性别:</td>
            <td width="100px"></td>
            <td rowspan="4">照片</td>
        </tr>
        <tr align="center">
            <td>婚姻状况:</td>
            <td width="100px"></td>
            <td>出生年月:</td>
            <td width="100px"></td>
            
        </tr>
        <tr align="center">
            <td>民族:</td>
            <td width="100px"></td>
            <td>政治面貌:</td>
            <td width="100px"></td>
            
        </tr>
        <tr align="center">
            <td>身高:</td>
            <td width="100px"></td>
            <td>学历:</td>
            <td width="100px"></td>
            
        </tr>
    </table>
</body>
</html>

案例：

<!DOCTYPE html>
<html>
    <body>
<h1>今日搜索热词</h1>
<hr/>
<h2>1、阿卡贝拉</h2>
<p>阿卡贝拉(意大利:Acappella )即无伴奏合唱。其起源可追溯至中世纪的教会音乐，当时的教会音乐只以人声清唱，
并不应用乐器。音频示例： <a href="../music.mp3" target="_blank" loop>阿卡贝拉《千与千寻》</a>
</p>
<h2>2、翻唱</h2>
<p>“翻唱”是指将已经发表并由他人演唱的歌曲根据自己的风格重新演唱，包括重新填词，编曲。
现在已有不少明星，都在翻唱他人的歌，不断在翻唱中突破自己，给大家带来不一样的风格。
视频示例：<a href="../video.mp4" target="_blank" loop> 有一种悲伤（翻唱）-《A Kind of Sorrow》</a>
</p>
    </body>
</html>

表单：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="#">
        账户：<input type="text" name="userName" value="zhangsan"><br/>
        密码：<input type="password" name="password" value="123"><br/>
        性别：<input type="radio" name="sex" value="男" checked>男<input type="radio" name="sex" value="女">女<br/>
        爱好：<input type="checkbox" name="love" value="抽烟" checked>抽烟
        <input type="checkbox" name="love" value="喝酒" >喝酒
        <input type="checkbox" name="love" value="烫头" checked>烫头<br/>
        其他：<textarea name="其他" rows="5" maxlength="30"></textarea><br/>
        籍贯：<select name="籍贯" id="籍贯">
            <option value="四川省" >四川省
            </option><option value="广东省" selected>广东省</option>
            <option value="西安省" >西安省</option>
            </select><br/>
        <br/><button>确认</button> <input type="reset"> <button>检测账户是否被注册</button>
    </form>
</body>
</html>

password大鸭梨
关注
专栏目录
HTML+CSS3 表单与表格综合案例
qq_55786319的博客
11-18 1367
表单+表格的简单运用 1.今日份h5课堂作业 效果图： 思路：表格与表单的综合，要做出宽高不一的单元格，但由于表格的自适应性，所以我用了几个表格来装文字。再就是几个简单的表单控件。 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>青年自组织状况调查问卷</title> <style> .head{ text-
HTML系列之表格、表单综合案例
StayAlive1887的博客
07-01 1498
要求：用HTML实现下面的效果。要求：用HTML实现下面的效果。
table.html（html表格练习）
07-21
html5简单的项目支出表格作业，表内容为 项目负责人 联系电话 项目支出细化预算(单位：万元)项目类别 发展性专项 建设性专项 基本建设和大修理项目 合计 项目前期费用 征地费 建筑工程费 安装工程费 设备等购置费 原 材 料 其他费用 各种建筑物面积 起始年 终 止 年 项目属性 新增项目 上年延续项目 项目预算来源 项目当年预算 项目总预算 合计 1、财政拨款（补助） 会议培训项目
HTML 表单
diaojilu3861的博客
09-13 158
HTML 表单包含表单元素。 <form> 元素定义 HTML 表单 表单元素指的是不同类型的 input 元素、复选框、单选按钮、提交按钮等等。 HTML 表单用于搜集不同类型的用户输入。 <form> . form elements . </form> <input>元素是最重要的表单元素。 &l...
html表单 大作业,html大作业笔记
weixin_42531494的博客
07-12 283
1. 把图像的上边缘设置在其包含元素上边缘之下 5 像素高的位置：img{position:absolute;top:5px;}2. zoom设置或检索对象的缩放比例3. outline(轮廓)是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。4.:nth-child(n) 选择器匹配属于其父元素的第 N 个子元素，不论元素的类型。n 可以是数字、关键词或公式。5. html ...
表单作业-html
最新发布
weixin_45939821的博客
07-20 202
【代码】表单作业-html。
表单作业html
weixin_52676304的博客
10-15 436
html简单表单学习
PHP全站开发工程师-HTML案例+作业（配套）
10-11
HTML作业部分则更加注重实践，它可能包含一系列问题或项目，要求学习者独立完成。这有助于他们巩固理论知识，提升解决问题的能力，同时培养良好的编码习惯和调试技巧。作业可能涉及更复杂的布局设计，如使用`<div>`...
网页设计作业-综合案例
12-23
网页设计作业中的这个综合案例展示了如何使用HTML语言创建一个简单的用户信息输入表单。下面将详细解释案例中涉及的关键知识点： 1. HTML文档结构：案例首先定义了文档类型（`<!DOCTYPE html>`），接着是HTML的基本...
HTML+CSS+JavaScript网页制作案例教程（第2版）-教学大纲.zip
07-06
学生将学习如何创建文档结构，添加文本、图像、链接、表格和表单等元素，以及如何利用框架和模板来提高工作效率。 二、CSS（层叠样式表） CSS是用于控制网页外观和布局的关键技术。本部分将深入讲解CSS选择器、盒...
Html5期末大作业内含 提交表单等
06-19
Html5期末大作业内含 提交表单、主页、视频播放，应付作业没问题
Web前端第一次作业——html表格
Han_nashi的博客
03-10 233
【代码】Web前端第一次作业——html表格。
html表单练习
kylinxjd的博客
05-09 4491
模拟阿里巴巴注册界面写一个注册表单，分企业和个人两个部分 个人注册 企业注册 html代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ini...
Html表单小练习（第二天作业）
weixin_46528266的博客
05-29 197
作业： html代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>表格练习</title> <base /> </head> <body> <table border="1" width="800" height="200" align="center" cellspacing="0">
【HTML】表单练习
点滴记忆
03-12 285
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <form method="get" action="https://www.ba...
html表单作业二
刘璐菲
03-10 243
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>小龙女邮箱</title> </head> <body bgcolor="aquamarine"> <table align="center",width="4...
纯html的form表单实操练习
m0_64336780的博客
04-05 9261
纯html的form表单实操练习
html表单专项练习
墨城烟柳ベ旧人殇的博客
04-04 768
本人主要介绍用html完成表单的建立。
HTML表格习题练习
qq_50589028的博客
02-20 2450
文章目录一、会议日程安排表二、课程表设计 一、会议日程安排表 <!DOCTYPE html> <html> <head> <title>表格</title> </head> <body> <h3 align="center">设置单元格跨列、跨行属性</h3> <center><table border="1" bordercolor="#3366ff"> <capt
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值