在线客服
扫描二维码
下载博学谷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的学习。
— 申请免费试学名额 —
在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!
相关推荐 更多
前端页面性能指标有哪些?
前端页面与用户直接面对面沟通,为了提升用户对前端页面的使用体验,前端工程师往往要对页面的性能进行优化。那一般前端工程师都需要优化哪些页面的性能指标呢?
9407
2019-07-16 18:17:31
在线学习前端开发需要什么基础?
在线学习前端开发需要什么基础?会这么问的小伙伴,一定是不了解博学谷的零基础前端课程。一般来讲,普通的在线课程确实需要学习者有一些的前端知识的基础,比如HTML、CSS和JavaScript基础语法等等。但是博学谷专门为零基础的学员开设了前端在线课程,内容循序渐进,搭配着相关的项目实践,可以说是完全从零开始手把手的前端教程,即便是IT小白也可以跟得上课程进度。
7211
2019-10-25 19:09:09
如何利用CSS3实现响应式项目开发?
随着移动互联网的日趋成熟,一个网站能兼容多种终端的响应式项目开发应用而生。作为一种常被用于以浏览为主网站的网页布局方式,它最主要的优点就是可以给用户带来更好的使用体验。那么,我们应该如何利用CSS3实现响应式项目开发?这里给大家介绍一个免费的学习教程,手把手帮助大家掌握CSS3实现响应式项目开发的相关技能。
3803
2020-04-14 11:50:13
哪里前端培训机构好?怎么选?
哪里前端培训机构好?怎么选?可以从师资、课程内容、口碑、就业情况,根据自己的需求选择几所符合条件的机构,然后再对这几所机构进行对比分析,看哪一个是比较好的符合自己的web前端培训机构。
5247
2020-07-23 09:56:18
高效的前端开发工具有哪些?
在互联网中许多开发工具可以让前端开发人员的工作生活变得更加轻松。应用程序的功能越来越丰富,也导致了前端开发的复杂度大幅增加,急需好的开发工具。今天和大家分享一些前端开发常用工具,这些工具真的对于提高工作效率有很大的帮助。
3592
2020-12-31 15:32:33