HTML笔记
关注
分享
扫一扫
学习笔记
小吴在敲Bug
做个有趣 快乐 优雅的人
展开
-
网页中的表单
文章目录1、初识表单2、单选框3、多选框和按钮4、列表框文本域和文件域5、 搜索框滑块和简单验证6、表单的应用7、表单初级验证1、初识表单表单里每一个标签都应该带name属性<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>登录注册</title></head><body><!--表原创 2022-05-15 23:50:31 · 1610 阅读 · 0 评论 -
网页的内联框架
内联：网页里嵌套网页<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>内联框架学习</title></head><body><!--iframe内联框架 src：地址 w——h：宽度高度--><!--<iframe src="http://www..原创 2022-05-15 14:46:57 · 251 阅读 · 0 评论 -
网页的媒体元素
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>媒体元素学习</title></head><body><!--音频和视频src：资源路径controls：控制条autoplay：自动播放--><video src="../resources/video/飘向北方.mp4原创 2022-05-14 22:38:16 · 151 阅读 · 0 评论 -
网页的表格标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格学习</title></head><body><!--表格table 行 tr 列 td--><table border="1px"> <tr><!-- colspan 跨列 --&原创 2022-05-14 15:01:02 · 93 阅读 · 0 评论 -
网页的列表标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>列表学习</title></head><body><!--有序列表 应用范围：试卷问答···--><ol> <li>Java</li> <li>数据结构</li>原创 2022-05-14 14:52:00 · 144 阅读 · 0 评论 -
网页的链接标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签学习</title></head><body><!--使用name来做一个标记--><a id="top">顶部</a><!-- a标签： href:必填，表示要跳转到那个页面原创 2022-05-13 22:26:58 · 166 阅读 · 0 评论 -
网页的图像标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签学习</title></head><body><!--img学习src：图片地址 相对地址，决定地址 ../ --上一级目录--><img src="../resources/image/1.jpg" al原创 2022-05-13 22:01:01 · 175 阅读 · 0 评论 -
网页的基本标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>基本标签学习</title></head><body><!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><原创 2022-05-12 21:49:14 · 109 阅读 · 0 评论 -
网页的基本信息
<!--DOCTYPE：告诉浏览器，我们要使用的规范--><!DOCTYPE html><html lang="en"><!--head标签代表网页头部--><head> <!-- meta描述标签，用来描述网页的一些信息 --> <!-- meta一般用来做SEO（搜索引擎优化） --> <meta charset="UTF-8"> <meta name=原创 2022-05-08 11:27:20 · 199 阅读 · 0 评论