HTML
关注
分享
扫一扫
GOV_D
知道的愈多，愈发现自己的无知
展开
-
一个简约精美的登录页面(HTML+CSS)
最近简单学完了HTML和CSS，想自己做个简单的登录网页试试，大佬勿喷哈哈。页面效果实现代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录页面</title> <link rel="stylesheet" href="css/style.css"> <script src="http原创 2021-07-23 11:53:48 · 5273 阅读 · 8 评论 -
HTML----表单元素的简单验证和简单约束
带有简单验证的表单元素email:输入的如果不算邮箱格式会报错URL：输入的不是网址会报错number：输入的数不在限制范围内报错数字框numbermin:最小值max；最大值step:按一次上下键增长/减少的值滑动框rangemin:最小值max；最大值step:按一次上下键增长/减少的值搜索框search表单元素的几个简单约束+属性readonly：只读disabled:不能选中，不能操作hidden：隐藏，用户看不见，但实际还存在表单的几个初级验证表单元素+属性原创 2021-07-12 14:44:30 · 198 阅读 · 0 评论 -
HTML-----表单和表单元素
表单formaction:表单提交的位置，可以是网址，也可以是一个请求处理的地址method:post,get两者提交方式get:可以直接在url中看到我们提交的信息，不安全，但是高效；post:比较安全，用于传输大文件表单元素inputtype:元素类型；text文本框，password密码框，checkbox多选框，radio单选框，submit提交，reset重置，file文件hidden隐藏，image图片，button按钮，默认为text;name:表单元素的名称，表单提交之后要通原创 2021-07-12 14:07:36 · 109 阅读 · 0 评论 -
HTML----iframe内联框架
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe内联框架</title></head><body><!--iframe内联框架(网页内嵌套网页）src:网页地址w-h:宽度高度--><iframe src="http://www.bilibili.com" fra原创 2021-07-12 12:37:10 · 79 阅读 · 0 评论 -
HTML----媒体元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>媒体元素</title></head><body><!--媒体元素src:资源路径controls：控制条（控制播放，音量等）autoplay: 自动播放--><video src="../resouce/video/deat原创 2021-07-12 12:27:34 · 95 阅读 · 0 评论 -
HTML----表格标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格标签</title></head><body><!--table表格标签boder设置表格格式tr(table row):表格的一行td(table data):一行中的内容--><table border="1px"&g原创 2021-07-11 14:34:59 · 68 阅读 · 0 评论 -
HTML----列表标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表标签</title></head><body><!--有序列表:ordered list;li表示列表中每一项--><ol> <li>java</li> <li>c++&l原创 2021-07-11 14:26:56 · 78 阅读 · 0 评论 -
HTML----功能性标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>功能性标签</title></head><body><!--功能性标签邮箱链接：mailto：邮箱号qq邮箱：直接去qq推广网站获取功能性标签--><a href="mailto:549392386@qq.com" >点原创 2021-07-11 13:54:27 · 146 阅读 · 0 评论 -
HTML----锚标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>锚标签</title></head><body><!--锚标签在某个标签中赋予name作为标记--><!--<a name="top">顶部</a> <br>--><img src原创 2021-07-11 13:21:27 · 615 阅读 · 0 评论 -
HTML---超链接标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>超链接</title></head><body><!--超链接a标签htef:必填，表示要跳转到的页面target：表示窗口在哪打开；_blank在新页面打开，_self在本页面打开--><a href="我的第一个页面.htm原创 2021-07-11 13:16:59 · 105 阅读 · 0 评论 -
HTML---图像标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签</title></head><body><!--图像标签，src：图片的路径，一般使用相对路径,../表示返回上一级；alt：图片显示不出来时显示的字title：鼠标悬停在图片上时显示的字--><img src="..原创 2021-07-11 13:13:11 · 99 阅读 · 0 评论 -
HTML-----基础标签学习
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>标签学习</title></head><body><!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h原创 2021-07-11 13:07:29 · 82 阅读 · 0 评论 -
html---基本页面
<!-- !DOCTYPE:告诉浏览器，我们要使用什么规范--><!DOCTYPE html><html lang="en"> <!--head表示网页头部--><head><!--meta描述性标签，用来描述网页的一些信息--> <meta charset="UTF-8"> <meta name="keyword" content="这是我练习html的第一个程序">原创 2021-07-11 12:59:28 · 261 阅读 · 0 评论