随笔分类 -  HTML5

摘要:为什么要进行表单验证? 减轻服务器的压力 保证数据的安全性 常用方式 placeholder:提示信息 required:非空判断 pattern:正则表达式 <!-- https://www.jb51.net/tools/regexsc.htm --> <p>自定义邮箱: <input type= 阅读全文
posted @ 2022-02-09 21:50 摘星丶仙 阅读(16) 评论(0) 推荐(0) 编辑
摘要:隐藏域 hidden 只读 readonly 禁用 disabled <!--增强鼠标可用性--> <label for="mark">你点我试试</label> <input type="text" id="mark"> 阅读全文
posted @ 2022-02-09 21:40 摘星丶仙 阅读(15) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 21:34 摘星丶仙 阅读(20) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 21:23 摘星丶仙 阅读(15) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求 阅读全文
posted @ 2022-02-09 20:46 摘星丶仙 阅读(14) 评论(0) 推荐(0) 编辑
摘要:表单元素格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也 阅读全文
posted @ 2022-02-09 20:37 摘星丶仙 阅读(16) 评论(0) 推荐(0) 编辑
摘要:表单语法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>登录注册</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以 阅读全文
posted @ 2022-02-09 20:27 摘星丶仙 阅读(24) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <!--iframe 内联框架 src:地址 w-h:宽度高度 --> <iframe src="" 阅读全文
posted @ 2022-02-09 20:09 摘星丶仙 阅读(18) 评论(0) 推荐(0) 编辑
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面结构分析</title> </head> <body> <header> <h2>网页头部</h2> </header> <section> <h2>网页主 阅读全文
posted @ 2022-02-09 19:35 摘星丶仙 阅读(16) 评论(0) 推荐(0) 编辑
摘要:视频和音频 视频元素 video 音频元素 audio <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>媒体元素学习</title> </head> <body> <!--音频和视频 src:资源路径 con 阅读全文
posted @ 2022-02-09 19:29 摘星丶仙 阅读(34) 评论(0) 推荐(0) 编辑
摘要:表格 为什么使用表格 简单通用 结构稳定 基本结构 单元格 行 列 跨行 跨列 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格学习</title> </head> <body> <!--表格table 阅读全文
posted @ 2022-02-09 17:36 摘星丶仙 阅读(7) 评论(0) 推荐(0) 编辑
摘要:列表 什么是列表 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快捷地获得相应的信息 列表的分类 无序列表 有序列表 定义列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8 阅读全文
posted @ 2022-02-09 16:34 摘星丶仙 阅读(14) 评论(0) 推荐(0) 编辑
摘要:行内元素和块元素 块元素 无论内容多少,该元素独占一行 (p、h1-h6...) 行内元素 内容撑开宽度﹐左右都是行内元素的可以在排在一行 ( a . strong . em ...) 阅读全文
posted @ 2022-02-09 16:24 摘星丶仙 阅读(15) 评论(0) 推荐(0) 编辑
摘要:链接标签 文本超链接 图像超链接 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接标签学习</title> </head> <body> <!--使用name作为标记--> <a name="top">顶 阅读全文
posted @ 2022-02-09 16:16 摘星丶仙 阅读(16) 评论(0) 推荐(0) 编辑
摘要:常见的图像格式 JPG(常用) GIF PNG(常用) BMP:位图 ...... <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <!--img学 阅读全文
posted @ 2022-02-09 15:57 摘星丶仙 阅读(16) 评论(0) 推荐(0) 编辑
摘要:标题标签 段落标签 换行标签 水平线标签 字体样式标签 注释和特殊符号 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <body> <!--标题标签--> <h 阅读全文
posted @ 2022-02-09 15:37 摘星丶仙 阅读(20) 评论(0) 推荐(0) 编辑
摘要:HTML基本结构 网页基本信息 DOCTYPE声明 标签 标签 <!--DOCTYPE:告诉浏览器,我们要使用什么规范 --> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <head> <!--meta描述性标签,它用来描述我们网站的一些 阅读全文
posted @ 2022-02-09 14:01 摘星丶仙 阅读(22) 评论(0) 推荐(0) 编辑
摘要:什么是HTML HTML Hyper Text Markup Language (超文本标记语言) 超文本包括:文字、图片、音频、视频、动画等 HTML5的优势 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozilla 市场的需求 跨平台 W3C标准 w3C Wor 阅读全文
posted @ 2022-02-09 13:36 摘星丶仙 阅读(14) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示