在线客服
扫描二维码
下载博学谷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视频教程学了有用吗？
下一篇：
如何学习前端？前端学习路线总结
相关推荐 更多
前端H5和移动Web课程学完能就业吗？
前端H5和移动Web课程学完能就业吗？如果学完前端H5和移动Web课程掌握相关的专业技能有一定的项目经验找一个初级程序员的岗位是没有问题的，但如果想要提高薪资需要再积累相关的项目经验。
6369
2019-08-14 15:48:58
为什么网站开发要重点考量浏览器兼容性？
作为前端开发工程师，在开发过程中不仅仅要考虑到移动端、小程序、APP等平台及产品，单单在PC端还要考虑各种浏览器的兼容性。为什么同样是浏览器，同样的产品展示的时候回出现不同的效果呢？除了每个浏览器本身开发架构不同之外，主要原因就是浏览器使用的内核不同。
7271
2019-12-03 18:51:40
JS数据结构与算法基础知识在线学习
以前常常听到前后端分离的说法，近几年有了翻天覆地的变化。在前、后端界限融合，效率当先的时代，掌握数据结构与算法知识变得尤其重要。因此博学谷推出了可以帮助前端工程师进阶的相关课程，现在让我们一起来在线学习， JS数据结构与算法的基础知识吧！
5161
2020-07-24 18:30:27
前端培训练习项目有哪些？
从PC到移动，前端无处不在，前端行业也一跃成为了目前大热的技术岗位。因此，不少小伙伴都想通过培训，快速进入前端行业。博学谷更是结合企业刚需，实时更新了技术热点，并且新增了不少企业级的项目实战。下面我们一起来看看，前端培训练习项目有哪些！
5613
2020-08-04 15:56:58
JavaScript框架的进步史：四次变革
很多在前端领域工作了一段时间的人可能都有过这样的经历，纠结使用哪种JavaScript框架、如何编写CSS、使用函数式编程还是面向对象编程、如何最好地管理状态、哪种构建系统或工具最灵活、最快速等。
3472
2022-05-06 11:07:37
