HTML
HTML
张学恒
这个作者很懒,什么都没留下…
展开
-
HTML18表单初级验证 HTML总结(DAY 52)
文章目录1:placeholder 提示信息2:required非空判断3: pattern正则表达式 1:placeholder 提示信息 2:required非空判断 提交不能为空 在其他的文本框中 后面都可以加上required 保证他们非空 3: pattern正则表达式 随用随查正则表达式 ...原创 2022-05-01 16:44:10 · 323 阅读 · 0 评论 -
HTML17 表单的应用 隐藏域 只读 禁用(DAY 52)
文章目录1:readonly2:disabled3:hidden 隐藏域4: 增强鼠标可用性也可以把鼠标定在其他位置 1:readonly 加上readonly后 就只能读,不能修改了 2:disabled 这样就被禁用了 这就使得这一功能废除了,可以用在不想让用户选择xxx东西的时候。 3:hidden 隐藏域 把提交的 disabled删除 随后提交,就会出现 pwd这个键还存在,但是因为我们hidden掉它了 所以 就不能输入密码了 加个value就有默认密码了 4: 增原创 2022-05-01 16:19:58 · 395 阅读 · 0 评论 -
HTML 16:搜索框滑块和简单验证 input标签都要带name属性(DAY 52)
文章目录1:邮件验证2:URL (即网站链接)3:数字max min step4:滑块 range滑块拉到100 试试 1:邮件验证 input type =“email” name=“email” 这样的验证不是很准确,我们会用JS来改善,自己写一个验证。 HTML相当于只搭建一个框架,细节还是用JS CSS来优化。 2:URL (即网站链接) 3:数字 max min step max是最大值,min最小值,step指的是增加或者减小的步数。比如按一下上升箭头就是加10,这是step原创 2022-05-01 15:38:43 · 291 阅读 · 0 评论 -
HTML 15 列表框文本域和文件域(DAY 52)
文章目录1:列表的关键字selectselected 默认选中checked关键字文本域textarea文件域 1:列表的关键字select selected 默认选中 默认就是瑞士了 把下拉框改成国家: checked关键字 文本域textarea 文件域 input type=“file” name=“upload” value=“上传” 没有name属性 上传不了 ...原创 2022-05-01 15:18:39 · 199 阅读 · 0 评论 -
HTML14 按钮和多选框(DAY 52)
文章目录1:基础reset 按钮作用 :重置2:代码 1:基础 多选框的按钮和数目都不一样了。 画出来的都是按钮,value是按钮的名字 图片也能是一个按钮,并且提交。 reset 按钮作用 :重置 2:代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆注册</title> </head> <bo原创 2022-05-01 14:17:11 · 1587 阅读 · 0 评论 -
HTML 13:文本框和单选框(DAY 51)
文章目录1:文本框2:单选框标签 1:文本框 value就是一个默认初始值 7就是第一个设置的内容最大长度为7 可以试试 但是还是最大是7,7以后的都自动忽略了 属性加name 属性一样时就是一个组的。比如性别。这样就只能选一个了,否则两个同时都可以选。 2:单选框标签 input = radio name 属性表示组,组一样的时候才能只选择一个。 否则就是两个都能选 ...原创 2022-04-30 23:33:34 · 471 阅读 · 0 评论 -
HTML 12:初识表单post和get提交(DAY 51)
文章目录1:基础模式2:代码3:结果用post登录用get登录总结 1:基础模式 2:代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登陆注册</title> </head> <body> <h1> 注册</h1>原创 2022-04-30 13:58:04 · 387 阅读 · 0 评论 -
HTML11 iframe内联框架 用于嵌套链接 例如视频的评论区(DAY 51)
文章目录1: 基础操作2:效果展示3:总结 1: 基础操作 iframe +tab 自动生成关于iframe的框架 2:效果展示 在网页里面嵌套一个网页,我把我的博客嵌套进去。 再加一个 a标签 就能添加一个网页的链接,点击即可跳转。 3:总结 iframe用于网页内嵌套网页 ...原创 2022-04-30 12:48:35 · 483 阅读 · 1 评论 -
HTML10页面结构分析(DAY 51)
文章目录1:基本框架2:代码实现3:结果展示 1:基本框架 header section footer 2:代码实现 3:结果展示原创 2022-04-30 12:22:49 · 185 阅读 · 0 评论 -
HTML09媒体标签(DAY 51)
文章目录媒体标签用来在网页中做音频和视频1:视频1:视频不加controls会发生什么重点!!!2:加上controls2:音频 媒体标签用来在网页中做音频和视频 1:视频 .mp4文件 还是和img标签一样的操作 video +tab 自动生成后,在src里面输入地址 …/返回上一级,随后/ / 选择。 如果没有加controls 不会在打开的页面跳出视频,可以在新标签页打开,加上controls即可。我们来试一试 1:视频不加controls会发生什么 鼠标放上去也不能播放,只能右键, 右键原创 2022-04-30 00:07:09 · 143 阅读 · 0 评论 -
HTML08表格标签(DAY 50)
文章目录1:基础知识 tr td2 结果展示3 table不加border时4跨行跨列跨行跨列的实际例子任务:做一个表格 1:基础知识 tr td table 表格 tr行 td列 tr r 就是rows 行的意思 td就是列 2 结果展示 3 table不加border时 可以看到,不加border表示边界时,行列排序时,会有蓝色的淑贤,说明会自动对齐。 4跨行跨列 rowspan 跨行 colspan跨列 跨行跨列的实际例子 行就是横着的 一行一行的,列时竖着的 <!DOC原创 2022-04-29 18:36:29 · 194 阅读 · 0 评论 -
HTML07列表标签(DAY 50)
文章目录1:列表分类2:效果图 1:列表分类 ol 有序列表 ul 无序列表 dl 自定义列表 2:效果图原创 2022-04-29 16:02:30 · 174 阅读 · 0 评论 -
HTML05超链接标签及其应用 06块元素和行内元素(DAY 48)
文章目录1:基本知识2:跳转的链接如图3:嵌套 在链接里面再加一个链接4:target表示期望在哪里打开5:锚链接:用于页面之间的跳转或者本页面跳转锚链接跳转其实和游戏里面的传送一样,一个目的地然后传送。邮件链接 1:基本知识 a + tab 在href的第一个双引号里面打上网页或者要跳转的链接的地址 后面的两个箭头中间写名称。 2:跳转的链接如图 3:嵌套 在链接里面再加一个链接 两个箭头中间加一个图片,点击图片也可以跳转链接。 4:target表示期望在哪里打开 5:锚链接:用于页原创 2022-04-27 22:12:35 · 1744 阅读 · 0 评论 -
HTML04图像标签(DAY 48)
文章目录一:img标签学习1:图片路径src2:alt 图片的替代文字3:title 图片悬停文字4:width 宽5:height 高打个空格 后面都有自动提示 一:img标签学习 用于添加图像 1:图片路径src 在body里面输入img src代表图片的目录来自哪。把要添加的图片复制到一个专有文件夹里,资源单独放一个文件夹里 图片路径分为两种,绝对路径和相对路径。绝对路径就是从盘开始写的,右键图片可以复制图片的path,但是不推荐。 相对路径 …/表示上一级目录,接着有提示,往下写即可。原创 2022-04-27 17:04:07 · 268 阅读 · 0 评论 -
HTML01基础操作(DAY 47)
文章目录一:准备工作1:运行环境二:基础知识1:HTML基本含义2:注释3:DOCTYPE4:HTML标签5:head标签body标签6:title标签代表网页标题。7:meta标签 描述网站信息8:第一个网页 一:准备工作 1:运行环境 准备工作已经完成。 二:基础知识 1:HTML基本含义 都是一个或者一对儿 标签出现的形式 用/关闭空元素。 要么一对一对要么是单个的标签。单个的标签叫自闭和标签。 2:注释 注释的快捷键:ctrl + / HTML 中的注释 <!-- +原创 2022-04-26 23:38:19 · 231 阅读 · 0 评论 -
HTML03网页基本标签(DAY 48)
文章目录一:HTML基本标签1 标题标签2 段落标签 p3 换行标签 br4 水平线标签 hr5 字体样式 粗体和斜体 strong 、em6 注释 ![在这里插入图片描述](https://img-blog.csdnimg.cn/26f75e0ba3804a44a0efdf12a774500d.png)7特殊符号 空格 一:HTML基本标签 1 标题标签 可以看出来,HTML里面写标签的方式在markdown语法里面也能用。 快捷方式: h +tab idea会自动生成一个标签。 1到原创 2022-04-27 16:16:09 · 210 阅读 · 0 评论