在线客服
扫描二维码
下载博学谷APP
扫描二维码
关注博学谷微信公众号
众所周知，HTML标签是网页制作的的基础。可以说网页的本质就是超级文本标记语言。严格来说，HTML并不是一门编程语言，而是超文本标记语言。HTML作为网页中的结构，就好比人的骨架。所以，学好HTML和div布局是网页稳固的一个关键。本文为初学者整理汇总了HTML标签基础学习笔记，下面一起来看看吧！
1、表单：
（1）概念
表单用于采集用户输入的数据的。用于和服务器进行交互。form用于定义表单的。可以定义一个范围，范围代表采集用户数据的范围
（2）属性
action：指定提交数据的URL；method:指定提交方式。
（3）分类
get：请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解)；请求参数大小是有限制的；缺点是不太安全。
post：请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解)；请求参数的大小没有限制。总的来讲，较为安全。
2、表单项标签：
（1）input：可以通过type属性值，改变元素展示的样式；
（2）type：属性:；
（3）text：文本输入框，默认值；
（4）placeholder：指定输入框的提示信息，当输入框的内容发生变化，会自动清空提示信息；
（5）password：密码输入框；
（6）radio:单选框。注意：要想让多个单选框实现单选的效果，则多个单选框的name属性值必须一样；一般会给每一个单选框提供value属性，指定其被选中后提交的值；checked属性，可以指定默认值。
（7）checkbox：复选框。注意：一般会给每一个单选框提供value属性，指定其被选中后提交的值；checked属性，可以指定默认值。
（8）file：文件选择框；
（9）hidden：隐藏域，用于提交一些信息；
（10）按钮：submit：提交按钮，可以提交表单；button：普通按钮；image：图片提交按钮；src属性指定图片的路径。
（11）label：指定输入项的文字描述信息。注意：label的for属性一般会和 input 的 id属性值 对应。如果对应了，则点击label区域，会让input输入框获取焦点。
（12）select: 下拉列表；
（13）子元素：option，指定列表项；
（14）textarea：文本域；
（15）cols：指定列数，每一行有多少个字符；
（16）rows：默认多少行。
以上就是HTML标签基础学习笔记，大家都看懂了吗？如果大家还有什么不明白的地方，可以上博学谷学习免费的《认识网页从HTML开始》课程，相信可以帮助零基础的学员快速入门HTML的学习。
— 申请免费试学名额 —
在职想转行提升，担心学不会？根据个人情况规划学习路线，闯关式自适应学习模式保证学习效果
讲师一对一辅导，在线答疑解惑，指导就业！
上一篇：
JavaScript视频教程学了有用吗？
下一篇：
如何学习前端？前端学习路线总结
相关推荐 更多
web前端网页开发离不开的三要素
Web前端是目前高薪岗位之一，是从最开始的页面开发不断发展优化而产生的一个特定的岗位。现在web前端开发一定会用到的三门技术：HTML、CSS、JavaScript。无论是多么炫酷的页面都是这三门技术的组合而形成的。
8306
2019-06-24 18:07:06
Web前端开发培训班学费多少钱？
Web前端开发培训就业班学费多少钱？如何甄别好的培训机构？参加Web前端培训后是否可以找到高薪的工作呢？大部分刚刚入行Web前端的小伙伴都会提出这些问题。下面小编就与大家一起探讨下这些问题。
12077
2019-12-05 15:47:45
零基础可以学前端吗？大概要学多久？
零基础可以学前端吗？前端入门门槛其实很低，与其他语言相比，你会很容易的掌握其基础的技能。当然，学习的难易和时间也跟学习方式有关，零基础学习者报培训班肯定比自学快，大概需要学习4—6个月。
7757
2019-09-04 14:53:01
企业级微信小程序开发实战学什么？
小程序无需安装或者卸载，不占用手机内存不受手机系统的限制一触即用。小程序目前入口不少于50个，且能覆盖附件的微信用户；与线上引流相结合，具备强大的传播能力。因此掌握微信小程序开发技能必不可少。
5529
2020-01-03 16:33:33
女生适合前端工作吗？能做前端工程师吗？
学习和性别没有太大的关系，现在前端领域有很多女孩子，做得好的也不在少数，只要你学习能力强,足够努力，找Web前端工作没有想象中那么难。
6254
2020-09-22 16:00:54
