文章分类 - HTML
摘要:为什么要进行表单验证 常用方式 placeholder 提示信息 required 非空判断 pattern 正则表达式
阅读全文
摘要:表单元素格式 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单学习</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单学习</title> </head> <body> <h1>注册</h1> <!--表单form action:表单提交的位置,可以是网站,也可以是一个请求
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内敛框架</title> </head> <body> <!--iframe内联框架 src:地址 w-h:宽度高度 --> <!--<iframe src="
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>页面结构学习</title> </head> <body> <header><h2>网页头部</h2></header> <section><h2>网页主体</
阅读全文
摘要:视频元素 video 音频元素 audio <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>媒体元素学习</title> </head> <body> <!--音频和视频 src:资源路径 controls:
阅读全文
摘要:为什么使用表格 简单通用 结构稳定 基本结构 单元格 行 列 跨行 跨列 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表格学习</title> </head> <body> <!--表格table 行tr
阅读全文
摘要:什么是列表 列表就是信息资源的一种展示形式。它可以使信息结构化和条理化,并以列表的样式显示出来,以便浏览者能更快的获取相应的信息。 列表的分类 无序列表 有序列表 定义列表 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要:块元素 无论内容多少,该元素独占一行 p标签 h1-h6... 行内元素 内容撑开宽度,左右都是行内元素的可以排在一行 a . srtong . em.... 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8">
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>链接标签</title> </head> <body> <!--a标签 href:必填,表示要跳转到那个页面 target:表示窗口在哪里打开 _blank在新
阅读全文
摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>图像标签学习</title> </head> <body> <!--img学习 src:图片地址 相对地址(推荐使用),绝对地址 ../代表上一级目录 alt:
阅读全文
摘要:【1】标题标签 【2】段落标签 【3】换行标签 【4】水平线标签 【5】字体样式标签 【6】注释和特殊符号 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>基本标签学习</title> </head> <bo
阅读全文
摘要:<!-- -->注释标签 快速注释快捷键Ctrl+/ DOCTYPE声明 <title>标签 <meta>标签 一般用来做SEO <!--DOCTYPE:告诉浏览器,我们要使用什么规范--> <!DOCTYPE html> <html lang="en"> <!--head标签代表网页头部--> <
阅读全文
摘要:【1】什么是HTML HTML 》Hyper Text Markup Language(超文本标记语言) 世界知名浏览器厂商对HTML5的支持 微软 Google 苹果 Opera Mozilla 市场的需求 跨平台 【2】W3C标准 World Wide Web Consortium(万维网联盟)
阅读全文