WEB基础页面创建

最新推荐文章于 2024-09-06 22:20:29 发布
最新推荐文章于 2024-09-06 22:20:29 发布
阅读量341 收藏 10
点赞数 9
文章标签： 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2302_77037573/article/details/136747077
版权

1.用户注册页面创建

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
   
    <title>用户注册页面</title>
</head>
<body>
    <form action="www.baidu.com" method="get">
    <table border="1px" align="center"  cellspacing = "0">
        <tr>
           <th colspan="2">用户注册</th>
          
        </tr>
        
        <tr>
            <td>用户名</td>
            <td><input type="username" value="" placename = "username" > </td>
        </tr>
        <tr>
            <td>密码框</td>
            <td><input type="password" name="password"></td>
        </tr>
        <tr>
            <td>性别</td>
            <td><input type="radio" name="gender" value="男" checked >男
                 <input type="radio" name="gender" value="女">女</td>
        </tr>
        <tr>
            <td>意向岗位</td>
            <td><input type="checkbox" name="work" value="java" >java工程师
                <input type="checkbox" name="work" value="python">python工程师<br>
                <input type="checkbox" name="work" value="go">go工程师
            </td>
        </tr>
        <tr>
            <td>爱好</td>
            <td><input type="checkbox" name="penchant" value="ski">滑雪
                <input type="checkbox" name="penchant" value="music">音乐
                <input type="checkbox" name="penchant" value="dance">跳舞
            </td>
        </tr>
        <tr>
            <td>省份</td>
            <td><select name="省份" >
                <option value="陕西省">陕西省</option>
                <option value="山西省">山西省</option>
                <option value="广东省">广东省</option>
            </select></td>
        </tr>
         <tr>
            <td>自我介绍</td>
            <td><textarea name="introduce" cols="30" rows="10"></textarea>
            </td>
        </tr> 
        <tr >
           <th colspan="2"><input type="reset"> <input type="button" name="提交" value="提交"></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>电子汇款单</title>
</head>
<body>
   <b> <front style="color: black;">工商银行电子汇款单</front></b>
    <table border="1px" cellspacing = "0"
    title="工商银行电子汇款单">

        <tr>
            <td colspan="2" >回单类型</td>
            <td>网上转账汇款</td>
            <td colspan="2">指令序号</td>
            <td>HQH00000000000000018591709815</td>
        </tr>
        <tr>
            <td rowspan="4">收款人</td>
            <td>户名</td>
            <td>老牟</td>
            <td rowspan="4">收款人</td>
            <td>户名</td>
            <td>老刘</td>
        </tr>
        <tr>
            <td>卡号</td>
            <td>0000000000000001</td>
            <td>卡号</td>
            <td>0000000000000002</td>
           
        </tr>
        <tr>
            <td>地区</td>
            <td>南京</td>
            <td>地区</td>
            <td>杭州</td>
        </tr>
        <tr>
            <td>网点</td>
            <td>工商江苏南京业务处理中心</td>
            <td>网点</td>
            <td>江苏徐州业务中心</td>
        </tr>
        <tr>
            <td colspan="2">币种</td>
            <td>人民币</td>
            <td colspan="2">钞汇标志</td>
            <td>钞票</td>
        </tr>
        <tr>
            <td colspan="2">金额</td>
            <td>1.00元</td>
            <td colspan="2">手续费</td>
            <td>0.57元</td>
           
        </tr>
        <tr>
            <td colspan="2">合计</td>
            <td colspan="4">人民币（大写）：壹元整</td>
        </tr>
        <tr>
            <td colspan="2">交易日期</td>
            <td>2017年6月1日</td>
            <td colspan="2">时间戳</td>
            <td>2017-06-01-130000.0000</td>
        </tr>
    </table>
    <front style="color: black;">
          票据打印时间：2017-06-01 15：00：12 <br>
          <s>票据打印单位：江苏徐州业务中心</s><br>
          操作员：王</front>
    
</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>
</head>
<body>
    <strong><front style="color: black;" >将进酒</front></strong>
    <front style="color: black;">君不见黄河之水天上来</front><br>
   <img src="image/李白.jpg" 
     width="200px"
     height="400px"
     align = "left">
     <p><nbsp>          </nbsp></p>
     君不见黄河之水天上来，奔流到海不复回<br>
     看不见高堂明镜悲白发，朝如青丝暮成雪<br>
     人生得意须尽欢,莫使金樽空对月<br>
     天生我材必有用,千金散尽还复来<br>
     烹羊宰牛且为乐,会须一饮三百杯子<br>
     岑夫子,丹丘生将进酒,杯莫停<br>
     与君歌一曲,请君为我侧耳听。<br>
     钟鼓馔玉不足贵，但愿长醉不复醒。<br>
     古来圣贤皆寂寞，惟有饮者留其名。<br>
     陈王昔时宴平乐，斗酒十千恣欢谑。<br>
     主人何为言少钱，径须沽取对君酌。<br>
     五花马，千金裘，呼儿将出换美酒，与尔同销万古愁。<br>
                   
     

    
</body>
</html>

4.豆瓣电影页面创建

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>豆瓣电影</title>
</head>
<body>
    <strong>热门电影板块</strong>
    <hr>
    <strong>最近热门电影</strong>&nbsp;&nbsp;&nbsp;&nbsp;热门&nbsp;&nbsp;最新&nbsp;&nbsp;豆瓣高分&nbsp;&nbsp;冷门佳片&nbsp;&nbsp;华语&nbsp;&nbsp;欧美&nbsp;&nbsp;韩国&nbsp;&nbsp;日本&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;更多&gt;&gt;
    <hr>
    <table cellspacing = "10">
 
     <tr>

    <td><img src="image2/沙丘2.jpg" ><div style="border-bottom: 0cap;">沙丘2</div></td>
    <td><img src="image2/狗神.jpg" ><div style="border-bottom: 0cap;">狗神2</div></td>
    <td><img src="image2/第二十条.jpg"><div style="border-bottom: 0cap;">第二十条</div></td>
    </tr>
    <tr>
    <td><img src="image2/红毯先生.jpg"><div style="border-bottom: 0cap;">红毯先生</div></td>
    <td><img src="image2/被我弄丢的你.jpg" alt=""><div style="border-bottom: 0cap;">被我弄丢的你</div></td>
    <td><img src="image2/飞驰人生2.jpg" alt=""><div style="border-bottom: 0cap;">飞驰人生2</div></td>
    </tr>

    </table>


    
</body>
</html>

 

山茶花.
关注
  • 9
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Web基础：Token
不怕猫的耗子A
03-08 3万+
传统身份验证的方法： HTTP 是一种没有状态的协议，也就是它并不知道是谁是访问应用。这里我们把用户看成是客户端，客户端使用用户名还有密码通过了身份验证，不过下回这个客户端再发送请求时候，还得再验证一下。解决的方法就是，当用户请求登录的时候，如果没有问题，我们在服务端生成一条记录，这个记录里可以说明一下登录的用户是谁，然后把这条记录的 ID 号发送给客户端，客户端收到以后把这个 ID 号存储在 C...
Web后端基础知识
qq_44716275的博客
04-07 4367
文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码如下（示例）： import numpy as np import pandas as pd import matplotlib.pyplot as plt import seaborn as sns import warnings
WEB入门一 网页设计基础
热门推荐
张晨光老师的播客
02-14 2万+
本章简介 在当今社会，网页是网络信息共享和发布的主要形式。而HTML (Hyper Text Mark-up Language)，即超文本标记语言，是创建网页基础。本章将学习HTML文档的基本结构、组成HTML文档的各类常见标签。HTML 标签可以说明文字、图形、动画、声音、表格和链接等。本章重点是各种标签的基本语法和用法。核心技能部分1.1HTML文档基本结构首先我们来
Web安全基础
陳Huid的博客
08-24 2895
Web安全基础
C#Web网站的创建
zhengxiuchen86的博客
01-02 2068
本文转载自：https://www.cnblogs.com/dawasai/p/4443927.html 作者：dawasai 转载请注明该声明。一、CS与BS的区别 CS软件：需要在客户端安装软件。 BS软件：只需要浏览器就能运行，Web网站就是BS软件。 创建过程： 1.文件新建---新建网站----空白网站 2.右击网站项目---添加网页（Web窗体） 生成的文件 右...
使用vscode创建web项目
ouyangqing的专栏
09-21 3167
使用vscode创建web项目
WEB基础知识
程序员小章的博客
09-23 4677
WEB基础知识 什么是web web（World Wide Web）即全球广域网，也称为万维网，它是一种基于超文本和HTTP的、全球性的、动态交互的、跨平台的分布式图形信息系统。是建立在Internet上的一种网络服务，为浏览者在Internet上查找和浏览信息提供了图形化的、易于访问的直观界面，其中的文档及超级链接将Internet上的信息节点组织成一个互为关联的网状结构。 web发展史 起源 1989年CERN（欧洲粒子物理研究所）中由Tim Berners-Lee领导的小组提交了一个针对Interne
创建Java Web工程
石沉溪洞
05-15 2万+
前提 在索引文章中我提到过，我们用Java Web来写服务器程序，这篇文章我们真正的进入到编码的环节。 如果你是直接来到这篇文章，没见到我所谓的“索引文章”，那么请移步： https://blog.csdn.net/Mr_Megamind/article/details/71404618 IDE的选择 市面上能编写Java Web项目的IDE应该说数不胜数了，但是最主流的IDE当...
python web开发基础
野猫炫的博客
05-09 1万+
Web 开发：构建、创建和维护网站。Web 开发涉及前端，即与客户端交互的所有内容，以及包含业务逻辑并与数据库交互的后端。 网站是存储在服务器上的文件，服务器是托管网站的计算机。这些服务器连接到一个称为 Internet 的网络。访问这些网站的计算机称为“客户端”。 要访问网站需要知道其IP地址，IP 地址是一串唯一的数字。每个设备都有一个 IP 地址。可以在控制台cmd输入命令ipconfig获取自己的ip。也可以使用其 IP 地址访问网站，但大多数使用域名或通过搜索引擎访问网站。 超文本传输​​协
【Web基础】用户登录注册案例
Chovy_pyc的博客
10-01 3960
Web开发核心技术
电大web开发基础形考5.pdf
02-22
"电大web开发基础形考5.pdf" 本资源主要讲述了电商网站前端页面响应式设计实验，实验目标是将首页改为响应式设计，使用Bootstrap栅格系统实现响应式网页设计。下面将对实验报告的内容进行详细分析和总结。 实验...
国开电大《WEB开发基础》形考任务1答案实验1实验1：电商网站前端页面内容编写（16分）
05-13
在本实验中，我们将深入探讨电商网站前端页面的内容编写，这是国开电大《WEB开发基础》课程形考任务1的重要部分，旨在帮助学生掌握基本的网页开发技能。实验1的核心目标是创建一个功能完善的电商网站前端界面，这...
aa.rar_web注册_web登录页面_认证web
09-23
在IT行业中，Web注册和登录页面是任何网络应用的基础组件，它们构成了用户与系统交互的门户。"aa.rar"这个压缩包显然包含了...这些HTML模板将为创建用户友好的认证页面提供基础，同时确保符合现代Web开发的安全标准。
web前端开发基础教程之HTML5页面结构基础
01-08
HTML5页面结构基础是Web前端开发中的重要概念，它关乎网页内容的组织和语义化。在构建网站时，合理地使用HTML5的语义元素能够提高页面的可读性，增强搜索引擎优化（SEO），并使得网页内容在不同的设备和环境下的表现...
在eclipse javaee中如何创建一个web项目基础教程
07-26
这些步骤不仅适用于创建简单的Web项目，也是开发复杂Java EE应用程序的基础。对于希望深入了解Java EE开发的人来说，这是一个非常好的起点。随着项目的复杂性增加，还需要学习更多关于Servlets、JSPs、JavaBeans以及...
Vue2 中对数组进行操作时需要注意什么
最新发布
m0_73882020的博客
09-06 511
在 Vue 2 中，对数组进行操作时，关键是确保操作能够被 Vue 的响应式系统检测到。使用 Vue 的响应式 API，如Vue.set或this.$set，可以确保数组的变化会被正确地反映到视图中。此外，避免直接修改数组的length属性或使用数组索引直接赋值，以确保视图的响应性。
web开发kkk
2301_76876837的博客
09-04 529
我们在访问的网站的时候，一般就是在浏览器的网址栏里输入，再敲个回车，我们就可以访问到我们想要的网站（比如京东）。这是为什么呢？我们访问的浏览器是一个程序，京东也是一个程序，只是京东在人家电脑上运行着，我们只是远程访问了人家的前端页面。我们根据下图来讲解一下web网站的工作流程：我们在浏览器输入我们想要查找的域名，回车（搜索）后，会到，前端服务器接受到请求后会把相对应的前端代码返回给浏览器，浏览器会自动解析前端代码（因为内置了解析引擎），展示出页面效果。前端代码里由一句代码会是访问。
使用stripe进行在线支付、退款、订阅、取消订阅功能(uniapp+h5)
weixin_52479803的博客
09-05 592
使用stripe进行在线支付、退款、订阅、取消订阅功能(uniapp+h5)
springblade-JWT认证缺陷漏洞CVE-2021-44910
m0_73756016的博客
09-03 547
大概意思就是这个认证判断有个逻辑缺陷，就是在泄露的前端pack里面对于jwt的判断认证不够严谨，并且加密的TokenConstant.SIGN_KEY也泄漏了。直接搜索“请求未授权”，定位到认证文件：springblade/gateway/filter/AuthFilter.java。/api/blade-log/api/list接口中会泄漏账号密码，只要管理员登录过。/api/blade-user/user-list泄露了账号密码。然后直接访问接口：api/blade-log/api/list。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值