HTML作业2

作业1:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>table {td {padding: 8px;text-align: left;background-color: gray;}th {background-color: whitesmoke;}}</style>
</head>
<body><form action="#" method="get"><table><tr><th colspan="2">用户注册</th></tr><tr><td>用户名</td><td><input type="text" name="username"></td></tr><tr><td>密码</td><td><input type="password" name="password"></td></tr><tr><td>性别</td><td><input type="radio" name="gender" value="male">男<input type="radio" name="gender" value="female">女</td></tr><tr><td>爱好</td><td><input name="like" type="checkbox" value="write">写作业<input name="like" type="checkbox" value="music">音乐<input name="like" type="checkbox" value="sport">体育</td></tr><tr><td>省份</td><td><select name="province"><option value="yunnan" selected>云南</option><option value="shanxi">陕西</option></select></td></tr><tr><td>自我介绍</td><td><textarea name="Intro" cols="23" rows="5"></textarea></td></tr><tr><th colspan="2"><input type="submit"><input type="reset"></th></tr></table></form>
</body>
</html>

结果:

作业2:

<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Document</title><style>td {padding: 5px;text-align: left;}#free {text-align: right;}.text {font-size: 12px;color: #9b9b9b;}.text2 {height: 30px;}#log {font-size: 25px;color: #ffffff;background: #2a91db;text-align: center;}#title2 {font-size: 20px;}#input {width: 150px;}</style>
</head>
<body>
<form action="#" method="get"><table><tr><td rowspan="9"><img src="./img/截屏2024-03-25 13.10.32.png" alt="QQ" width="300"></td><td width="200px" rowspan="9"></td><td height="100px"></td><td width="180px"></td></tr><tr><td colspan="2" height="25px"><span id="title"><b>欢迎注册QQ</b></span></td></tr><tr><td><span id="title2"><b>每一天,乐在沟通。</b></span></td><td id="free"><a href="#">免费靓号</a></td></tr><tr><td colspan="2"><input type="text" name="username" placeholder="昵称" size="50px" class="text2"></td></tr><tr><td colspan="2"><input type="text" name="password" placeholder="密码" size="50px" class="text2"></td></tr><tr><td><select name="tele" id="input" class="text2"><option value="+86" selected>+86</option><option value="+1">+1</option></select></td><td><input type="number" name="telephone" placeholder="手机号码" class="text2"></td></tr><tr><td class="text" colspan="2">可通过手机号码找回密码</td></tr><tr><td colspan="2"><input type="checkbox" name="check" value="check"><span class="text">我已阅读并同意相关服务条款和隐私政策</span></td></tr></table>
</form>
</body>
</html>

结果:

作业3:

    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>登陆</title><style>th,td {border: 0px solid black;padding: 10px;text-align: left;}.text {border: 0px solid black;padding: 8px;text-align: center;}#head1 {background-color: #79c9ff;width: 600px;}#head2 {background-color: #79c9ff;width: 350px;}.link {font-size: 15px;color: #efefef;}.link2 {font-size: 15px;color: #505050;}#title {font-size: 25px;}#title2 {font-size: 20px;}.input {height: 35px;}#submit {width: 375px;}.text-right {font-size: 15px;}</style></head><body><form method="get" action="#"><table><tr><td id="head1" height="50px"></td><td id="head2" style="text-align: right"><a href="#" class="link">QQ登录 |</a><a href="#" class="link">授权管理 |</a><a href="#" class="link">申请接入</a></td></tr><tr><td class="text"><b><span id="title">账号密码登录</span></b></td><td rowspan="7"><table><tr><td style="height: 20px"></td></tr><tr><span class="text-right"><td><a href="#"><hr>腾讯网</a>将获得以下权限:<hr></td></span></tr><tr><span class="text-right"><td><input type="checkbox" name="check" value="all" checked>全选<hr></td></span></tr><tr><span class="text-right"><td><input type="checkbox" name="check" value="all" checked disabled>获得您的昵称、头像、性别及会员信息</td></span></tr><tr><td style="height: 40px"></td></tr><tr><span class="text-right"><td>授权后表名你已同意<a href="#">QQ登录服务协议</a></td></span></tr><tr><td style="height: 70px"></td></tr></table></td></tr><tr><td class="text"><span id="title2">推荐使用<a href="#">快速安全登录</a>,防止盗号</span></td></tr><tr><td class="text"><input type="text" name="username" placeholder="支持QQ号/邮箱/手机号登录" size="50px" class="input"></td></tr><tr><td class="text"><input type="text" name="password" placeholder="密码" size="50px" class="input"></td></tr><tr><td class="text"><input type="image" src="./img/3.jpg" id="submit"></td></tr><tr><td style="height: 30px"></td></tr><tr><td style="text-align: right"><a href="#" class="link2">忘了密码? |</a><a href="#" class="link2">注册新账号 |</a><a href="#" class="link2">意见反馈</a></td></tr></table></form></body></html>

结果:

作业四:

<!doctype html>
<html lang="en">
<head><meta charset="UTF-8"><meta name="viewport"content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>新浪网</title><style>#index {background-color: #d9d9d9;}th, td {padding: 8px;text-align: left; }.list {padding: 8px; text-align: right;width: 150px;}.input {padding: 8px;text-align: left;width: 300px;}body {background-color: #f8f8f8;}.star {color: #ff3232;}.comment {font-size: 12px;color: #43b7ff;text-decoration: none;}.comment2 {font-size: 15px;color: #1a8fd7;text-decoration: none;}.login {color: #43b7ff;text-decoration: none;}</style>
</head>
<body>
<form action="#" method="get"><table><tr><td rowspan="2"><img src="./img/手机.png" width="50px"></td><td class="list"><span class="star">*</span>手机号码:</td><td class="input"><input type="text" name="tele" size="40px" style="height: 30px"></td><td style="width: 150px" rowspan="9"></td><td style="width: 300px"></td></tr><tr><td></td><td>使用微博账号直接<a href="#">登录</a></td><td>已有账号,<a href="#" class="login">直接登录 >></a></td></tr><tr><td rowspan="7"></td><td class="list"><span class="star">*</span>设置密码:</td><td class="input"><input type="text" name="tele" size="40px" style="height: 30px"></td><td style="width: 300px" rowspan="7"></td></tr><tr><td class="list"><span class="star">*</span>兴趣标签:</td><td><input type="checkbox" value="1" name="check">新闻<input type="checkbox" value="2" name="check">娱乐<input type="checkbox" value="3" name="check">文化<input type="checkbox" value="4" name="check">体育<input type="checkbox" value="5" name="check">IT&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;<input type="checkbox" value="6" name="check">财经<input type="checkbox" value="7" name="check">时尚<input type="checkbox" value="8" name="check">汽车<input type="checkbox" value="9" name="check">房产<input type="checkbox" value="0" name="check">生活</td></tr><tr><td class="list"><span class="star">*</span>手机上发短信:</td><td><button style="height: 35px">注册要使用手机发送短信</button></td></tr><tr><td rowspan="4"></td><td style="height: 40px"></td></tr><tr><td><a href="#" class="comment">《新浪网络服务使用协议》</a></td></tr><tr><td><a href="#" class="comment">《新浪个人信息保护政策》</a></td></tr><tr><td style="height: 150px"></td></tr></table>
</form>
<hr/>
<div><a href="#" class="comment2">新浪简介&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">About Sina</a><a href="#" class="comment2">广告服务&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">联系我们&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">招聘信息&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">网站律师&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">SINA English&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">注册&amp;nbsp;&amp;nbsp;</a><a href="#" class="comment2">产品答疑</a>
</div>
<div><span style="color: #6c6c6c">客户服务电话 110-120-119 欢迎批评指正</span>
</div>
<div><span style="color: #6c6c6c">新浪公司 <a href="#" class="comment2">版权所有</a></span>
</div>
</body>
</html>

结果:

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/771397.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【实验室塑料器皿】耐受强酸强碱特氟龙量具PFA量筒量杯适用于半导体新材料

PFA量筒为上下等粗的直筒状&#xff0c;特氟龙量杯是上大下小的圆台形&#xff0c;底座均有宽台设计&#xff0c;保证稳定性&#xff0c;两者均可在实验室中作为定量量取液体的量具&#xff0c;上沿一侧有弧嘴设计&#xff0c;便于流畅地倾倒液体。 规格参考&#xff1a;5ml、…

P3919 【模板】可持久化线段树 1(可持久化数组)

题目描述 如题&#xff0c;你需要维护这样的一个长度为 N 的数组&#xff0c;支持如下几种操作 在某个历史版本上修改某一个位置上的值 访问某个历史版本上的某一位置的值 此外&#xff0c;每进行一次操作&#xff08;对于操作2&#xff0c;即为生成一个完全一样的版本&…

需求工程、需求规格说明的具体方式以及实践

需求规格说明&#xff08;SRS, Software Requirements Specification&#xff09;是需求工程过程中的关键产出之一。它详细描述了软件系统必须满足的功能和非功能需求&#xff0c;为项目团队提供了清晰的开发指南。一个好的需求规格说明书不仅能够指导开发和测试工作&#xff0…

curl在window及linux中的使用及区别

目录 内容介绍 测试一&#xff08;GET,application/json&#xff09; 归纳 测试二&#xff08;GET,x-www-form-urlencoded&#xff09; 归纳 测试三&#xff08;POST,FORM-DATA&#xff09; 归纳 测试四&#xff08;POST,x-www-form-urlencoded&#xff09; 归纳 总结…

yolov5交互式界面 V5.0-6.0版本通用界面-yolo-pyqt-gui(通用界面制作+代码)

往期热门博客项目回顾&#xff1a; 计算机视觉项目大集合 改进的yolo目标检测-测距测速 路径规划算法 图像去雨去雾目标检测测距项目 交通标志识别项目 yolo系列-重磅yolov9界面-最新的yolo 姿态识别-3d姿态识别 深度学习小白学习路线 yolo GUI OYQT界面 YOLOv5…

pycharm连接服务器运行时找不到文件或目录

选择你要修改的python interpreter 进入下图界面&#xff0c;默认选择的是Deployment configuration,需要将其改成SSH。 再将上图python interpreter path和pycharm helpers path 配置成服务器上相应地址即可。 over

校园跑腿小程序源码系统多校园版 跑腿达人入驻接单 带完整的安装代码包以及系统部署教程

在数字化时代的浪潮中&#xff0c;校园生活的便捷性和高效性成为了广大师生的共同追求。为了满足这一需求&#xff0c;罗峰给大家分享一款适用于多校园的跑腿小程序源码系统——校园跑腿小程序源码系统多校园版。该系统不仅提供了完整的安装代码包&#xff0c;还附带了详尽的系…

# 14 React 自定义Hook详解

自定义 Hook 是一个函数&#xff0c;其名称以 “use” 开头&#xff0c;函数内部可以调用其他 Hook。自定义 Hook 是一个函数&#xff0c;其名称以 “use” 开头&#xff0c;函数内部可以调用其他 Hook。下面是几个自定义 Hook 的例子以及需要注意的知识&#xff1a; 1. 使用状…

用指针处理链表(一)

1链表概述 链表是一种常见的重要的数据结构。它是动态地进行存储分配的一种结构。我们知道,用数组存放数据时,必须事先定义固定的长度(即元素个数)。比如,有的班级有100人&#xff0c;而有的班只有30人&#xff0c;如果要用同一个数组先后存放不同班级的学生数据,则必须定义长度…

为wordpress特定分类目录下的内容添加自定义字段

在WordPress中&#xff0c;您可以使用自定义字段(Custom Fields)或称为元数据(Meta Data)来为特定分类目录下的内容添加额外的信息。自定义字段可以附加到文章、页面、用户和其他对象上。以下是一个逐步指南&#xff0c;介绍如何为特定分类目录下的内容添加自定义字段&#xff…

男青年穿什么裤子好看?适合男生穿的百搭神裤

这几年衣服的款式可谓是越来越多了&#xff0c;很多男生在选裤子的时候都发现虽然款式越来越多&#xff0c;但现在市面上的裤子质量参差不齐&#xff0c;导致难以选择。而且还有很多商家为了利润采用低廉的材料&#xff0c;从而上身舒适性极差。 那么今天就给大家详细介绍几点…

web3 token 如何理解

"Web3 Token"是指建立在Web3技术堆栈上的数字令牌。为了更好地理解这个概念&#xff0c;让我们逐步解释&#xff1a; Web3&#xff1a;指的是下一代互联网&#xff08;Web3.0&#xff09;&#xff0c;它是基于区块链技术的去中心化网络。Web3的核心理念是去中心化、安…

cpu自动加速@TDP@睿频TurboBoost@PB精准频率提升技术

文章目录 自动加速技术Intel超频睿频工作原理:特点超频技术对比 AMDPBO PB2 TDP定义与意义TDP与实际功耗TDP的应用TDP的发展与挑战 Intel相关指标PL1 (Power Limit 1)PL2 (Power Limit 2)PL1 与 PL2 的关系与应用场景小结查看 AMD相关指标主板厂商与用户干预 高端型号的加速技术…

3D软件坐标系速查

本文介绍不同3D软件的世界坐标系之间的差异及其工作原理。 基本上&#xff0c;游戏引擎和3D软件包最重要的问题是根据软件的坐标轴系统创建资产&#xff0c;正确缩放它们并根据要完成的工作设置枢轴系统。 坐标系正确性的定义可能会根据模型导入的游戏引擎或 3D 软件而变化。…

开放式耳机性价比高的品牌有哪些呢?五大高性价比选购清单

不入耳开放式蓝牙耳机近两年开始火起来了&#xff0c;因为它佩戴的舒适性和安全性两方面受到了很多人的关注。开放式的设计&#xff0c;就算不放进耳朵里也能听歌&#xff0c;同时加上它独特的空气传导的传声途径&#xff0c;整体的音质还是很不错的。不压耳&#xff0c;不涨耳…

申请发明专利的基本条件是什么?发明专利需要什么资料?

发明专利申请的基本条件是什么&#xff1f;发明专利需要的资料有啥?发明专利大家真的了&#xff0c;那么今天的这2个问题我们就一起来看看吧。 发明专利申请的基本条件是什么&#xff1f; 在进行技术开发、新产品研制过程中取得的成果&#xff0c;因其技术水平较高&#xff0…

2016年认证杯SPSSPRO杯数学建模D题(第二阶段)NBA是否有必要设立四分线全过程文档及程序

2016年认证杯SPSSPRO杯数学建模 D题 NBA是否有必要设立四分线 原题再现&#xff1a; NBA 联盟从 1946 年成立到今天&#xff0c;一路上经历过无数次规则上的变迁。有顺应民意、皆大欢喜的&#xff0c;比如 1973 年在技术统计中增加了抢断和盖帽数据&#xff1b;有应运而生、力…

Filter PWM和普通PWM区别

Filter PWM和普通PWM是两种不同的脉冲宽度调制&#xff08;PWM&#xff09;技术。它们的区别主要在于滤波器的使用和输出信号的特性。 普通PWM是一种基本的PWM技术&#xff0c;它通过改变信号的脉冲宽度来控制输出电平的平均值。普通PWM信号的频率通常较高&#xff0c;可以达到…

通过MobaXterm工具远程连接可视化服务器桌面并操控

目录 一、MobaXterm工具二、MobaXterm工具可视化服务器目录三、MobaXterm工具可视化服务器桌面 一、MobaXterm工具 MobaXterm是一款功能强大的远程连接工具&#xff0c;可以用于连接到各种类型的服务器&#xff0c;包括Linux、Windows和MacOS。它支持多种协议&#xff0c;包括…

【C语言】linux内核pci_enable_device函数和_PCI_NOP宏

pci_enable_device 一、注释 static int pci_enable_device_flags(struct pci_dev *dev, unsigned long flags) {struct pci_dev *bridge;int err;int i, bars 0;/** 此时电源状态可能是未知的&#xff0c;可能是由于新启动或者设备移除调用。* 因此获取当前的电源状态&…