![](https://img-blog.csdnimg.cn/20201014180756724.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
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 · 394 阅读 · 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 stepmax是最大值,min最小值,step指的是增加或者减小的步数。比如按一下上升箭头就是加10,这是step原创 2022-05-01 15:38:43 · 291 阅读 · 0 评论 -
HTML 15 列表框文本域和文件域(DAY 52)
文章目录1:列表的关键字selectselected 默认选中checked关键字文本域textarea文件域1:列表的关键字selectselected 默认选中默认就是瑞士了把下拉框改成国家: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 · 482 阅读 · 1 评论 -
HTML10页面结构分析(DAY 51)
文章目录1:基本框架2:代码实现3:结果展示1:基本框架header section footer2:代码实现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 tdtable 表格 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 · 1743 阅读 · 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 评论