随笔分类 - HTML
-
表单初级验证
摘要:placeholder= 提示信息required 不能为空 非空判断pattern="" 正则表达式 阅读全文
-
HTML搜索框滑块
摘要:<!-- 邮箱验证--> <p>邮箱: <input type="email" name = "email"> </p><!-- URL--> <p>URL: <input type="url" name = "url"> </p><!--数字--><p>数字: <input type="numbe 阅读全文
-
HTML文本域和文件域
摘要:<!-- 文本域--> <p>文本域: <textarea name="textarea" cols="40" rows="20">文本域</textarea> </p><!-- 文件域--> <p> <input type="file" name = "files"> <input type="b 阅读全文
-
HTML按钮和多选框
摘要:<!-- 按钮input type="button"input type="image"<input type="submit"> <input type="reset"> --> <p>按钮: <input type="button" name="btn1" value="点击变长"> <inpu 阅读全文
-
HTML文本框和单选框
摘要:value :默认初始值 maxlength:最长能写几个字符 size : 文本框的长度 <form action="我的第一个网页.html" method="post"><!--文本输入框:input type="text" --><p><input type="text" name = "u 阅读全文
-
HTML表单
摘要:<h2>注册</h2><!--表单formaction:表单提交的位置可以是网站,也可以是一个请求处理地址method:post/get 提交方式 get方式提交:我们可以在url中看到我们提交的信息,不安全,高效 post:比较安全,传输大文件--><form action="我的第一个网页.ht 阅读全文
-
HTMLiframe内联框架
摘要:<!--内联框架src :地址width :宽height:高--><iframe src="https://www.bilibili.com/?spm_id_from=444.41.b_696e7465726e6174696f6e616c486561646572.1" frameborder="0 阅读全文
-
HTML页面结构分析
摘要:<header><h2>天猫商城</h2></header><section><h2>网页主要内容</h2></section><footer><h2>网页脚部</h2></footer> 阅读全文
-
HTML视频和音频
摘要:<!--音频和视频src:资源路径controls :控制条autoplay :自动播放--><!--<video src=""controls autoplay></video>--><audio src="../resource/audio/200哥qq币一局今天先100哥3_01.wav" c 阅读全文
-
HTML表格
摘要:为什么使用表格 简单通用 结构稳定 基本结构 单元格 行 列 跨行 跨咧 <!--表格行 tr列 td--> <table border="1px"> <tr> <td colspan="3"> 学生成绩</td> </tr> <tr> <td rows 阅读全文
-
HTML列表标签
摘要:<!--有序列表应用范围:试卷 问答--><ol> <li>动漫</li> <li>电影</li> <li>综艺</li></ol> <!--无序列表应用范围:导航 侧边栏--><ul> <li>食肉动物</li> <li>食草动物</li> <li>不挑食动物</li></ul> <!--自定义列 阅读全文
-
HTML行内元素和块元素
摘要:块元素 无论内容多少,该元素独占一行 (P、 h1-h6...) 行内元素 内容撑开宽度,左右都是行内元素的可以排在一行 (a.strong.em...) 阅读全文
-
HTML链接标签
摘要:文本超链接 页面间链接 从一个页面链接到另外一个页面 锚链接 1.需要一个锚标记 2.跳转到标记 # 功能性链接 图像超链接 <a href="path" target="目标窗口位置">链接文本或图像</a> target:表示窗口在哪里打开 _blank:表示在新标签打开 _self:在自己的网 阅读全文
-
HTML图像标签
摘要:常见的图像格式 JPG GIF PNG BMP ... <img src(图像地址) = "path" alt(图像的替代文字) = "text" title(鼠标悬停提示文字) = "text" width(图像宽度) = "x" height (图像高度)="y"/> 阅读全文
-
HTML简介
摘要:Hytp Text Markup Language W3C(万维网联盟) 初始代码的意思 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head><body> </body> 阅读全文
-
html网页基本标签
摘要:标题标签 <h1>一级标签</h1> <h2>二级标签</h2> 段落标签 <p>“两只老虎,两只老虎,</p> 换行标签 “两只老虎,两只老虎, <br/> 水平线标签 <hr/> 字体样式标签 粗体: <strong>i love you </strong> 斜体: <em>i love you 阅读全文