在线客服
扫描二维码
下载博学谷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的学习。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
快速学习Vue框架(知识点集合)
学习Vue的小伙伴速度看过来,快速学习Vue框架知识点集合贴来啦。建议收藏,尤其基础并不是很扎实的同学,本篇集合贴就是你日后工作的参考手册。
13534
2019-08-07 18:11:19
前端开发常用的编辑器有哪些?
前端开发常用的编辑器有哪些?工欲善其事必先利其器,每个前端工程师在做前端开发的时候,一定有几款自己用着顺手的编辑器。而一款好用且适合自己的前端开发编辑器,往往会达到事倍功半的效果。以下是小编为大家推荐的几款编辑器,它们分别是HBuilder、WebStorm、Sublime Text、Visual Studio Code和wampServer。
6344
2019-10-18 17:09:50
前端开发者如何提升自我能力?对前端开发者的建议
对于众多的前端开发者来说,即使是在工作后也难免时常被这样的问题所困扰,前端开发者要如何提升自我能力?其实前端开发的道路是没有捷径的,只有不断学习和积累经验,向着自己明确的目标规划才是最重要的。下面我们来看看前端开发者具体需要学习的内容和方式。
6757
2019-11-14 16:41:42
Flutter入门学习哪些内容?
入门需要学习Dart语言、Flutter控件体系、动画体系、触摸和交互机制、网络编程、数据存储、状态管理等内容。Flutter是Google力推的跨平台框架,可快速在iOS、Android构建高质量的原生用户界面,且完全免费与开源;
6517
2019-12-30 17:57:05
Web前端培训都学些什么知识?
相比于后端技术,Web前端开发对于非科班出身的学习者来讲,进入门槛更低也更加容易。随着人们对用户体验感的重视,Web前端行业不断走俏,招聘需求也在不断扩大。目前,Web前端可以说是一个绝佳的就业选择。那么,Web前端培训都学些什么知识呢?主要可以分为四个阶段,移动Web网页开发、JavaScript网页编程、网络编程以及微信小程序,下面一起来看看吧!
4545
2020-06-26 14:29:11