好了又来到HTML5的时间了,本文就把HTML5剩下的一点东西都讲完。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>标题</title>
</head>
<body>
问题<select><!--选择框(加问题)-->
<option>选项1</option>
<option>选项2</option>
<option>选项3</option>
</select>不好说明,建议自行尝试
<form><input type="text" list="abcd"><!--注意上下id必须相同-->
<datalist id="abcd">
<option>输入内容</option>
</datalist>这里,也就是从上面的form到下面的</form>,效果就很像浏览器里的历史记录一样,就是你单机一下文本框,就会出现下面的选项,当然你也可以自己输入
</form>
<form><input type="radio"name="a">这里使用radio制作了一组固定选项(就是多个选项你只能选一个),注意你可以设置多组,但是name后面的要相同
实际上select和datalist的主要区别在于,select构建的选项是不可以自行填写,只可以选择已有选项的设定,而datalist则是可以自行填写
<input type="email"><!--电子邮箱-->
<input type="tel"><!--电话-->
<input type="date"><!--日期-->
<input type="color" id=“”><!--创建了一个选择颜色的块块,可以调整字体颜色,在chrome上打开,普通浏览器不一定可以识别出来-->
这些我建议你们自己去尝试一下,实在不好说明,而且,不同的浏览器对于红字代码识别性不一样,所以效果都是不同的,所以有兴趣的可以尝试一下,没有兴趣的也不需要过度的纠结
</form>
<img src="" alt="" height="" width=""><!--插入图片-->这里src后面设置图片地址,alt是角标,height和width分别是长和宽
<input type="image" src="" width=100px>插入图片的另一种方式,但是这里是输入图片地址而不是名称
<formenctype="mutipart"><input type="file" mutiple></form>类似于软件安装的时候让你浏览文件路径
<form>
<input type="image" src="./输入图片名称">
</form>这是一种简易的查找图片位置,在用浏览器打开后的图片上在你想要划分的区域的4条边点一下,网页链接后面就会出现位置数据了
<img src=这里输入一个图片名称,前面别忘了加./ usemap="#id1"><!--创建图片响应分区-->
<map name="id1">这里也提醒一下,name后的id,是上面usemap里的id加#号,这里不加是无法识别的,切记
<area href="https://www.baidu.com/" shape="rect" coords="输入你想划分的区域的四个数值,按照左上右下的顺序,依次是输入x轴,y轴,x轴,y轴">
</map>图片相应分区,就是说在一个图片上划分出不同的部位,每个部位有不同的效果,最常见的就是超链接啦,所以我做了一个超链接样本,基础还是格式套格式
</form>
</body>
</html>
本文到这里就结束了,HTML中默认的样式都不是特别好看,所以HTML只是作为一个过渡,如果想要做好网站,css才是重戏,日后的文章也会更新css的相关内容,敬请期待
Adlfigot Gnawocd hbo.qhsc.fluctus.ventus.work.tzd.sb http://slkjfdf.net/
Icekexne Axuvezvx ykp.lrcv.fluctus.ventus.work.rsm.ik http://slkjfdf.net/
Apezevfu Azabiva hlf.wvha.fluctus.ventus.work.rhc.jw http://slkjfdf.net/
Agepeized Alamubek cvr.givf.fluctus.ventus.work.rce.td http://slkjfdf.net/