HTML5
关注
分享
扫一扫
悬梁锥刺股
这个作者很懒，什么都没留下…
展开
-
HTML15（表单初级验证）
表单初级验证为什么要进行表单验证减轻服务器压力保证数据安全性常用方式placeholderrequiredpatternplaceholder（提示信息）代码示例： <p> 名字： <input type="text" name="username" placeholder="请输入用户名" > </p>测试访问：required（非空判断）代码示例： <p>原创 2021-06-06 16:09:13 · 224 阅读 · 2 评论 -
HTML14（表单的应用）
表单的应用隐藏域：hidden代码示例： <!--密码框:input type="password"--> <p> 密码： <input type="password" name="password" value="123456" hidden> </p>测试访问：只读：readonly代码示例：<!--文本输入框:input type="text"--> <p> 名字： <inp原创 2021-06-06 15:44:25 · 235 阅读 · 0 评论 -
HTML13（邮箱验证、URL、数字框、滑块、搜索框）
简单的邮箱验证代码示例：<!--邮箱验证--> <p> 邮箱: <input type="email" name="email"> </p>测试访问：URL代码示例：<!--URL--> <p> URL: <input type="url" name="url"> </p>测试访问：数字框代码原创 2021-06-06 14:54:16 · 149 阅读 · 0 评论 -
HTML12（文本框、单选框、按钮、多选框、下拉框、文本域和文件域）
文本框和单选框表单元素格式属性说明type指定元素的类型。text、password、checkbox、radio、submit、reset、file、hidden、image和button，默认为textname指定表单元素名（必填）value元素的初始值。type为radio时必须指定一个值size指定表单元素的初始宽度。当type为text或password时，表单元素的大小以字符为单位。对于其他类型，宽度以像素为单位maxlengthtype原创 2021-06-06 14:17:12 · 21292 阅读 · 0 评论 -
HTML11（初识表单post和get提交）
初始表单post原创 2021-06-06 11:00:42 · 184 阅读 · 0 评论 -
HTML10（iframe内联框架）
iframe内联框架代码示例1：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>iframe内联框架</title></head><body><!--iframe内联框架src:地址w/h:宽度高度--><iframe src="https://www.baidu.com原创 2021-06-06 10:16:22 · 123 阅读 · 0 评论 -
HTML09（页面结构分析）
页面结构分析header ：标题头部区域的内容（用于页面或页面中的一块区域）footer：标记脚步区域的内容（用于整个页面或页面的一块区域）section：Web页面中的一块独立区域article：独立的文章内容aside：相关内容或应用（常用于侧边栏）nav：导航类辅助内容代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <titl原创 2021-06-05 21:22:04 · 106 阅读 · 0 评论 -
HTML08（媒体元素）
1首先在resources目录下创建video与audio两个子目录分别存放视频与目录视频元素（video）代码示例：<!--音频与视频src:资源路劲controls:控制条autoplay:自动播放--><video src="../resources/video/sample.mp4" controls autoplay></video>访问测试：音频元素（audio）<!--音频与视频src:资源路劲controls:控制条原创 2021-06-05 21:11:04 · 74 阅读 · 0 评论 -
HTML07（表格标签）
为什么使用表格1）简单通用2）结构稳定基本结构单元格行列跨行跨列代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格学习</title></head><body><!--表格：table行：tr table rows列：tdboeder：边框-->原创 2021-06-05 20:25:14 · 97 阅读 · 0 评论 -
HTML06（列表标签）
什么是列表列表就是信息资源的一种展现形式。它可以使信息结构化和条理化，并以列表的样式显示出来，一边浏览者能更快捷地获得相应的信息列表的分类1）无序列表代码示例：<!--有序列表（Ordered list）--><!--可能会用到的地方：试卷，问答--><ol> <li>Java</li> <li>Python</li> <li>C/C++</li> <li>运原创 2021-06-05 20:04:02 · 105 阅读 · 0 评论 -
HTML05（行内元素和块元素）
块元素1）无论内容多少，该元素独占一行（会自动换行）2）（p、h1-h6）代码示例：<h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3>访问测试：行内元素1）内容撑开宽度，左右都是行内元素的可以排在一行（不会自动换行）2）（a、strong、em）代码示例：粗体：<strong>HEATHCLIFF</strong>斜体：<em>HEATHCLI原创 2021-06-05 19:35:02 · 66 阅读 · 0 评论 -
HTML04（超链接标签及应用）
超链接1页面间链接代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>链接标签学习</title></head><body><!--a标签href:必填，表示要跳转到的页面target:表示窗口在那里打开 _blank:在新的页面中打开 _self:在当前页面中打原创 2021-06-05 16:17:36 · 152 阅读 · 0 评论 -
HTML03（图像标签）
常见的图像格式JPG、GIF、PNG、BMP…1在HTML下创建一个resources目录，在该目录下创建一个img目录用语存放照片2代码示例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>图像标签</title></head><body><!--img学习src:图片地址（相对地址原创 2021-06-05 15:15:45 · 62 阅读 · 0 评论 -
HTML02（网页基本标签）
1标题标签代码示例：<!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6>访问测试：2段落标签代码示例：<!--段落标签--><p>久未放晴的天空</p><p原创 2021-06-05 14:48:39 · 154 阅读 · 0 评论 -
HTML01（初始HTML）
什么是HTML：Hyper Text Markup Language（超文本标记语言）HTML5的优势：世界知名浏览器厂商都对HTML5支持（跨平台）市场的需求W3C标准：World Wide Web Consortium（万维网联盟）W3C组织是对网络标准制定的一个非赢利组织，像HTML、XHTML、CSS、XML的标准就是由W3C来定制。W3C标准包括1）结构化标准语言（HTML,XML）2）表现标准语言（CSS）（让网页更好看）3）行为标准（DOM,ECMAScript）HTM原创 2021-06-05 11:27:21 · 55 阅读 · 0 评论