随笔分类 - HTML5
摘要：表单初级验证 思考?为什么要进行表单验证 常用方式 placeholder：提示信息 required:不能为空 pattern：正则表达式 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head
阅读全文
摘要：表单应用： 隐藏域：hidden 只读：readonly 禁用：disabled <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!-- read
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <form> <!-- 以下这几项，邮箱、URL --> <p>邮箱： <input type="e
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form value:填了这个后，会把这个的内容当文本框的默认值初始值显示 size：文
阅读全文
摘要：<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form value:填了这个后，会把这个的内容当文本框的默认值初始值显示 size：文
阅读全文
摘要：表单元素格式： 指定元素的类型。text、password、checkbox、radio、submit.reset、file、hidden、image和button，默认为text name：指定表单元素的名称value：元素的初始值。type为radio时必须指定一个值 size指定表单元素的初始
阅读全文
摘要：表单语法 <form method="post" action="result.html"> <p>名字:<input name="name" type="text" > </p><p>密码:<input name="pass" type="password" > </p><p> <input ty
阅读全文
摘要：<iframe src="path" name="mainFrame" ><liframe> src:引用页面地址 name：框架标识名 标签作用：把另一个页面的内容引入到当前页面 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title
阅读全文
摘要：页面结构分析： header：标题头部区域的内容(用于页面或页面中的一块区域) footer：标记脚部区域的内容（(用于整个页面或页面的一块区域) section：Web页面中的一块独立区域 article：独立的文章内容 aside：相关内容或应用（常用于侧边栏) nav：导航类辅助内容 <!DO
阅读全文
摘要：视频和音频 视频元素 video 音频元素 audio <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>媒体元素</title> </head> <body> <!--音频和视频 controls:控制条 autoplay：自动
阅读全文
摘要：表格 为什么使用表格 简单通用 结构稳定 基本结构： 单元格 行 列 跨行 跨列 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>表格标签</title> </head> <body> <!-- 表格table 行：tr 列td
阅读全文
摘要：列表 什么是列表 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化，并以列表的样式显示出来，以便浏览者能更快捷地获得相应的信息 列表的分类 ◆无序列表 ◆有序列表 ◆自定义列表 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <ti
阅读全文
摘要：行内元素和块元素 ◆块元素 无论内容多少，该元素独占一行(p、h1-h6...) ◆行内元素 内容撑开宽度﹐左右都是行内元素的可以在排在一行( a . strong . em ... )
阅读全文
摘要：链接标签：<a href="path" target="目标窗口位置"以>链接文本或图像<la> >文本超链接 >图像超链接href:链接路径target:链接在那个窗口中打开，常用值：_self、_blank <!DOCTYPE html> <html> <head> <meta charset=
阅读全文
摘要：>常见的图像格式 >JPG >GIF > PNG >BMP <img src="path" alt="text" title="text" width="x" height="y" > src:图像地址 alt:图像代替的文字 title:鼠标悬停提示文字 width:图像宽度 height:图像高
阅读全文
摘要：网页基本标签： >标题标签 >段落标签 >换行标签>水平线标签>字体样式标签注释和特殊符号 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>文档标题</title> </head> <body> <!-- 标题标签<h1></h
阅读全文
摘要：<!-- 1.DOCTYPE:告诉浏览器我们要使用什么规范 --> <!DOCTYPE html> <html> <!-- head:标签代表网页的头部--> <head> <!-- meta ：是描述标签它用来描述我们网站的一些信息--> <!-- meta ：一般用来做SEO--> <meta
阅读全文
摘要：>HTML Hyper Text Markup Language (超文本标记语言)超文本包括：文字、图片、音频、动画、视频 HTML 5，提供了一些新的元素和一些有趣的新特性，同时也建立了一些新的规则。这些元素、特性和规则的建立，提供了许多新的网页功能，如使用网页实现动态渲染图形、图表、图像和动画
阅读全文
浙公网安备 33010602011771号