HTML图片热点及表单
先附上我用表格怼的简历
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>个人简历</title> </head><body bgcolor="#990033"> <font face="楷体" color="#CCCCCC"> <table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td><div align="center"><p><font size="+4">个人简历</font></p><table width="100%" border="0" cellspacing="0" cellpadding="0"><font size="+2"><tr><td>个人信息<table width="24%" border="0" cellspacing="0" cellpadding="0"><tr><td height="120" width="232">此处应有自拍</td></tr></table></td></tr></font></table><font size="+2"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>姓名：牟天明</td><td>性别：男</td><td>出生年月：1995/3/10</td></tr></table></font><font size="+2"><table width="100%" border="0" cellspacing="0" cellpadding="0"><tr><td>个人爱好:足球</td><td>特长：舌头</td><td>毕业院校：吹牛逼大学</td></tr></table></font></div></td></tr> </table> <table width="970" border="0" cellspacing="0" cellpadding="0"><font size="+2"><tr><td>工作经历：</td></tr><tr><td height="100"> </td></tr><tr><td>个人优势：</td></tr><tr><td height="100"> </td></tr><tr><td>备注</td></tr><tr><td height="50"> </td></tr> </font></table></font> </body> </html>
然后再附上我做的这个伪丶注册页面
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>邮箱注册页面</title>
<style type="text/css">
body,td,th {font-weight: bold;font-family: "楷体";color: #FC0;
}
body {margin-left: 400px;margin-top: 280px;
}
</style>
</head><body background="8.jpg">
<form><table width="970" border="0" cellspacing="0" cellpadding="0"><tr><td width="100"><table width="970" border="0" cellspacing="0" cellpadding="0"><tr><td width="100">邮箱：</td><td><input type="text" value="" /></td></tr><tr><td> </td><td>需要通过邮箱激活帐号，不支持sohu，21cn，搜狗邮箱（推荐使用谷歌邮箱）</td></tr><tr><td>登陆用户名：</td><td><input type="text"/></td></tr><tr><td> </td><td>仅登陆时使用，不能少于4个字符</td></tr><tr><td>显示名称</td><td><input type="text"/></td></tr><tr><td> </td><td>即您的昵称，不得少于2个字符</td></tr><tr><td>密码：</td><td><input type="password"/></td></tr><tr><td>确认密码：</td><td><input type="password"/></td></tr><tr><td> </td><td>至少8位，必须包含字母、数字和特殊字符</td></tr><tr><td>性别：</td><td><input type="radio" name="sex" />男<input type="radio" name="sex"/>女</td></tr><tr><td>你最喜欢玩的一类游戏</td><td><select name="select" size="1" ><option value="1" selected="selected">FPS类游戏</option><option value="2">MMORPG类游戏</option><option value="3">沙盒游戏</option><option value="4">主机平台</option><option value="5">掌机游戏</option><option value="6">其他</option><option> </option></select></td></tr><tr><td> </td><td><input name="提交" type="submit" value="注册"/></td></tr></table></td></tr></table>
</form>
</body>
</html>效果大致如图
再就是图片热点，利用area命令，在图片上选中一片区域进行编辑
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>无标题文档</title> </head><body> <img src="a006.jpg" usemap="ditu" /> <map name="ditu"> <area shape="rect" coords="0,0,50,50" href="http://www.baidu.com" /> <area shape="circle" coords="265,118,80" href="http://qq.com" /> </map> </body> </html>
效果如下图
转载于:https://www.cnblogs.com/blueteasama/p/5669768.html
HTML图片热点及表单相关推荐
- vue + element-UI 实现图片嵌在表单里，图片和表单一起上传
⭐️个人博客:caohongyuan.com,更多分享,欢迎浏览!⭐️ 如下图,需求要实现点击一个按钮,可以让表单的内容和图片一起上传,只请求后台一次! 思路: 1.让图片formData放在表单fo ...
- Express---multiparty (图片上传+表单)
使用方法: 1.安装 安装 npm install multiparty --save 2.引入 引入 let multiparty = require('multiparty) 3.上传图片的地方的 ...
- html 提交表单，图片和文字一起提交，图片存入服务器，图片地址和表单信息存入数据库，带后端php代码
微信小程序开发交流qq群 173683895 承接微信小程序开发.扫码加微信. html <!DOCTYPE html> <html><head>< ...
- 小程序提交表单mysql_GitHub - kun19911227/minipro: 微信小程序提交带图片的表单
minipro 微信小程序提交带图片的表单 目录说明 upload_images ├── pages │ ├── upload_info 提交表单 │ └── display_info 信息展示 ├─ ...
- 表单内如何直接贴图而不用上传图片_表单如何添加图片？
表单其实就是我们平常经常看到的收集信息的框框,如姓名.电话等,当然易表单就远不止这些哦,还可制作调查问卷,报名登记.投票评选和考试测评. 平时大家都擅长于制作表单的文字内容,实际上表单里边添加一些图片 ...
- 【HTML】HTML 表单 ② ( 按钮表单 | 普通按钮 | 提交按钮 | 重置按钮 | 图片按钮 | 文件域 )
文章目录 一.按钮表单 1.普通按钮 2.提交按钮 3.重置按钮 4.图片按钮 二.文件域 一.按钮表单 1.普通按钮 将 <input /> 标签 的 type 属性设置为 button ...
- HTML 部分常用属性、组成属性|...超链接、路径、锚点、列表、滚动、URL编码、表格、表单、GET和POST
URL地址 就是我们所说的网址:www.jd.com 浏览器内核,渲染引擎 Ie内核:triteent 谷歌/欧鹏:blink 火狐:gecko 苹果:webkit 渲染引擎是出现兼容性的根本问题 - ...
- antd 动态添加表单_ZooTeam 拍了拍你，来看看如何设计动态化表单
? 这是第 58篇不掺水的原创,想要了解更多,请戳上方蓝色字体:政采云前端团队关注我们吧- 本文首发于政采云前端团队博客:ZooTeam 拍了拍你,来看看如何设计动态化表单 https://www.z ...
- Spread for Windows Forms快速入门(2)---设置Spread表单
让我们从设置Spread的大小和表单的外观开始学习如何定制Spread,这些操作通常放在Form的构造函数中进行,在InitializeComponent()之后调用. 自定义控件的大小 你可以设置S ...
- PHP-计算表单提交的数据
简书 : https://www.jianshu.com/p/5a27a9706a5d 目 录 1 实践目的与任务 2 使用的工具.环境配置.知识点等 3 实践内容及要求 (1)配置phpS ...
最新文章
- Android动态加载jar/dex
- JVM的垃圾回收机制详解和调优
- java calendar字符串显示_Java获取当前时间年月日、时间格式化打印、字符串转日期...
- 高等数学上-赵立军-北京大学出版社-题解-练习5.5
- es Failed: 1: this action would add [2] total shards, but this cluster currently has [1001]/[1000]
- 四.开发记录之ubuntu系统安装ROS和开发环境
- 浅析引用类型和基本类型的内存比较
- Docker生产环境配置——设置direct-lvm模式
- 未解决：火狐浏览器提示不安全的链接
- yum指令安装失败，或导致图形界面黑屏如何解决
- 《陶哲轩实分析》——给读者的一点建议
- 网易2018校园招聘编程题真题集合
- Android高性能音频之opensl es播放流程(七)
- 方根法公式_层次分析法中用方根法计算权重在Excel中的具体操作
- C语言笔记-10-函数空间-函数概念与规则
- 延时任务的四种实现方式
- 批处理使用问题处理（逐步添加）
- 统计java类含有多少个方法_35个Java代码优化的小技巧，你知道几个？
- RESCAL 论文笔记
- Windows10安装cuda总是显示“XXX为失败或者XXX未安装”