HTML
MyLight1109
这个作者很懒,什么都没留下…
展开
-
[HTML]16.表单初级验证
常用方式placeholder 提示信息 <p>名字:<input type="text" name="userName" placeholder="请输入用户名"> </p> <p>密码:<input type="password" name="passWord" placeholder="请输入密码"> </p>required 非空判断 <p>名字:<input type="te.原创 2021-07-19 17:55:41 · 130 阅读 · 0 评论 -
[HTML]15.表单的应用
隐藏域 hidden <p>名字:<input type="text" name="userName" value="admin" readonly> </p>只读 readonly <p>名字:<input type="text" name="userName" value="admin" hidden> </p>禁用 disabled <input type="radio" value原创 2021-07-19 17:55:32 · 43 阅读 · 0 评论 -
[HTML]13.列表框文本域和文件域
1.下拉框,列表框select标签selected 默认选中 <!--下拉框,列表框 selected 默认选中 --> <p>国家 <select name="列表名称"> <option value="cn">中国</option> <option value="us" selected>美国</option>原创 2021-07-19 17:55:04 · 104 阅读 · 0 评论 -
[HTML]12.按钮和多选框
多选框 input type=“checkbox” <p> <input type="checkbox" value="sleep" name="hobby">睡觉 <input type="checkbox" value="code" name="hobby">敲代码 <input type="checkbox" value="chat" name="hobby">聊天 <inpu原创 2021-07-19 17:54:48 · 77 阅读 · 0 评论 -
[HTML]14.搜索框滑块和简单验证
1.简单验证 <!--邮件验证--> <p>邮箱: <input type="email" name="email"> </p> <!--url验证--> <p>url: <input type="url" name="url"> </p> <!--数字验证--> <p>商品数量:原创 2021-07-19 17:55:10 · 61 阅读 · 0 评论 -
[HTML]11.文本框和单选框
表单元素格式文本输入框:input type=“text”value=“星河尽明意” 默认初始值maxlength=“10” 最长能写几个字符size=“30” 文本框的长度 <p>名字:<input type="text" name="userName" value="星河尽明意" maxlength="10" size="30"> </p>单选框 input type=“radio”value:单选框的值name:表示组,name相同表示在一原创 2021-07-19 17:54:33 · 114 阅读 · 0 评论 -
[HTML]10.初识表单post和get提交
表单语法表单formaction:表单提交的位置,可以为网站,也可以是一个请求处理地址method:post,get 提交方式:get方式提交:我们可以在url中看到我们提交的信息,不安全,高效post方式提交:比较安全,传输大文件<form action="1.我的第一个网页.html" method="post"> <!--文本输入框:<input type="text">--> <p>名字:<input type="t原创 2021-07-16 16:56:11 · 153 阅读 · 0 评论 -
[HTML]9.iframe内联框架
iframe内联框架作用:在此网页中内嵌打开另一个网页src:地址width:宽度height:高度name:名称<iframe src="http://www.mylight1109.cn" name="lh" frameborder="0" width="1000" height="800"></iframe>可以结合a标签进行多个网页的跳转<iframe src="http://www.mylight1109.cn" name="lh" framebo原创 2021-07-16 16:40:47 · 79 阅读 · 0 评论 -
[HTML]8.页面结构分析
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>页面结构分析</title></head><body><header> <h2>网页头部</h2></header><section> <h2>网页主体&l.原创 2021-07-16 16:30:34 · 51 阅读 · 0 评论 -
[HTML]7.媒体元素
video视频src:资源路径controls:控制条autoplay:自动播放<video src="../resources/video/video.mp4" controls autoplay></video>audio音频src:资源路径controls:控制条autoplay:自动播放<audio src="../resources/audio/audio.mp3" controls autoplay></audio>避坑:c原创 2021-07-16 16:22:25 · 65 阅读 · 0 评论 -
[HTML]6.表格
table标签基本用法注:显示出表框需要加 border=“1px”<table border="1px"> <tr> <td>3-1</td> <td>3-2</td> <td>3-3</td> </tr> <tr> <td>4-1</td> <t.原创 2021-07-16 16:07:17 · 118 阅读 · 0 评论 -
[HTML]5.列表
1.有序列表有序列表(带序号)应用:试卷,问答…<ol> <li>java</li> <li>python</li> <li>c++</li> <li>c</li></ol>2.无序列表无序列表(不带序号)应用:导航,侧标栏<ul> <li>java</li> <li>pyth原创 2021-07-16 15:54:11 · 51 阅读 · 0 评论 -
[HTML]4.块元素和行内元素
1.块元素无论内容有多少,此元素独占一行(p,h1-h6)2.行内元素内容撑开宽度,左右都是行内元素的可以排在一行(a,strong,em)原创 2021-07-16 15:43:41 · 87 阅读 · 0 评论 -
[HTML]3.链接标签
a标签href:必填target:表示窗口在哪里打开_blank:在新标签中打开_self:在自己的网页中打开(默认)1.超链接普通:<a href="http://www.mylight1109.cn" target="_blank">点击我</a><a href="http://www.mylight1109.cn" target="_self">点击我</a><br/>嵌套图片:<!--嵌套一个图片-->原创 2021-07-16 15:39:25 · 85 阅读 · 0 评论 -
[HTML]2.图像标签
<img src="被引用图像的地址" alt="图像的替代文本">标签属性其实对于我们新手来说,只需要了解标签的src属性和alt属性就基本够用了。标签中的大部分属性在html5版本中已经废弃,所以就不一一了解了,只看看没有被废弃的或新增的吧!alt:图像的替代文本;src:显示图像的URL;height:图像的高度;width:图像的宽度;ismap:将图像规定为服务器端图像映射,值为:ismap;usemap:将图像定义为客户器端图像映射,值可以为:#mapname;c原创 2021-07-16 15:12:58 · 92 阅读 · 0 评论 -
[HTML]1.网页基本标签
1.标题标签<h1></h1><!--标题标签--><h1>一级标签</h1><h2>二级标签</h2><h3>三级标签</h3><h4>四级标签</h4><h5>五级标签</h5><h6>六级标签</h6>2.段落标签<p></p><!--段落标签--><原创 2021-07-16 11:53:52 · 97 阅读 · 0 评论