• 在线客服

  • 扫描二维码
    下载博学谷APP

  • 扫描二维码
    关注博学谷微信公众号

  • 意见反馈

原创 HTML标签基础学习笔记

发布时间:2020-03-04 02:06:48 浏览 3486 来源:博学谷 作者:照照

    众所周知,HTML标签是网页制作的的基础。可以说网页的本质就是超级文本标记语言。严格来说,HTML并不是一门编程语言,而是超文本标记语言。HTML作为网页中的结构,就好比人的骨架。所以,学好HTMLdiv布局是网页稳固的一个关键。本文为初学者整理汇总了HTML标签基础学习笔记,下面一起来看看吧!

     

    HTML标签

     

    1、表单:

     

    (1)概念

     

    表单用于采集用户输入的数据的。用于和服务器进行交互。form用于定义表单的。可以定义一个范围,范围代表采集用户数据的范围

     

    (2)属性

     

    action:指定提交数据的URLmethod:指定提交方式。

     

    (3)分类

     

    get:请求参数会在地址栏中显示。会封装到请求行中(HTTP协议后讲解);请求参数大小是有限制的;缺点是不太安全。

     

    post:请求参数不会再地址栏中显示。会封装在请求体中(HTTP协议后讲解);请求参数的大小没有限制。总的来讲,较为安全。

     

    2、表单项标签:

     

    (1)input:可以通过type属性值,改变元素展示的样式;

     

    (2)type:属性:;

     

    (3)text:文本输入框,默认值;

     

    (4)placeholder:指定输入框的提示信息,当输入框的内容发生变化,会自动清空提示信息;

     

    (5password:密码输入框;

     

    (6)radio:单选框。注意:要想让多个单选框实现单选的效果,则多个单选框的name属性值必须一样;一般会给每一个单选框提供value属性,指定其被选中后提交的值;checked属性,可以指定默认值。

     

    (7)checkbox:复选框。注意:一般会给每一个单选框提供value属性,指定其被选中后提交的值;checked属性,可以指定默认值。

     

    (8)file:文件选择框;

     

    (9)hidden:隐藏域,用于提交一些信息;

     

    (10)按钮:submit:提交按钮,可以提交表单;button:普通按钮;image:图片提交按钮;src属性指定图片的路径。

     

    (11)label:指定输入项的文字描述信息。注意:labelfor属性一般会和 input id属性值 对应。如果对应了,则点击label区域,会让input输入框获取焦点。

     

    (12)select: 下拉列表;

     

    (13)子元素:option,指定列表项;

     

    (14)textarea:文本域;

     

    (15)cols:指定列数,每一行有多少个字符;

     

    (16)rows:默认多少行。

     

    以上就是HTML标签基础学习笔记,大家都看懂了吗?如果大家还有什么不明白的地方,可以上博学谷学习免费的《认识网页从HTML开始》课程,相信可以帮助零基础的学员快速入门HTML的学习。

    申请免费试学名额    

在职想转行提升,担心学不会?根据个人情况规划学习路线,闯关式自适应学习模式保证学习效果
讲师一对一辅导,在线答疑解惑,指导就业!

上一篇: JavaScript视频教程学了有用吗? 下一篇: 如何学习前端?前端学习路线总结

相关推荐 更多

热门文章

  • 前端是什么
  • 前端开发的工作职责
  • 前端开发需要会什么?先掌握这三大核心关键技术
  • 前端开发的工作方向有哪些?
  • 简历加分-4步写出HR想要的简历
  • 程序员如何突击面试?两大招带你拿下面试官
  • 程序员面试技巧
  • 架构师的厉害之处竟然是这……
  • 架构师书籍推荐
  • 懂了这些,才能成为架构师
  • 查看更多

扫描二维码,了解更多信息

博学谷二维码