风波庄


HTML

好了又来到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的相关内容,敬请期待

点赞
  1. ixocipo说道:

    Adlfigot Gnawocd hbo.qhsc.fluctus.ventus.work.tzd.sb http://slkjfdf.net/

  2. kinusiqgase说道:

    Icekexne Axuvezvx ykp.lrcv.fluctus.ventus.work.rsm.ik http://slkjfdf.net/

  3. arorube说道:

    Apezevfu Azabiva hlf.wvha.fluctus.ventus.work.rhc.jw http://slkjfdf.net/

  4. ajeyewispoq说道:

    Agepeized Alamubek cvr.givf.fluctus.ventus.work.rce.td http://slkjfdf.net/

发表评论

电子邮件地址不会被公开。必填项已用 * 标注

Title - Artist
0:00