博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML三天入行不是梦!冲冲冲(第三天)
阅读量:3961 次
发布时间:2019-05-24

本文共 1432 字,大约阅读时间需要 4 分钟。

HTML三天入行不是梦!冲冲冲(第三天)

HTML三天入行不是梦!冲冲冲(第三天)

前言

今天是学习HTML的第三天,我们会学习最后的部分知识和一些拓展,那么闲话不多说,开始今天的学习吧。

一、表单

表单的作用

用于 显示、收集 用户信息 ,并且提交给服务器

组成

​ 1.表单元素 -------将信息提交给服务器

​ 2.表单控件 --------负责接收用户的数据

表单提交: 点了提交按钮就会跳转到新的页面

form 代表的就是一个表单元素

属性:

​ action 设置提交表单的地址

​ method 设置表单的提交方式

​ get 显示传输

​ post 隐式传输

表单type元素

type

<input>的其他重要元素

除type属性外,标签还有其他很多属性,其常用属性如下︰

  1. name和value是每个表单元素都有的属性值,主要给后台人员使用.
  2. name表单元素的名字,要求单选按钮和复选框要有相同的name值.
  3. checked属性主要针对于单选按钮和复选框,主要作用一打开页面,就要可以默认选中某个表单元素
  4. maxlength是用户可以在表单元素输入的最大字符数一般较少使用.

<lable>标签(关联标签)

用法1:
<label,for=“sex”>男</ label>
<input type=“radio” name="sex"id="sex”/>
核心:

``

<select>标签

意义:在页面中,如果有多个选项让用户选择,并且想要节约页面空间时,我们可以使用标签控件定义下拉列表.

语法:

  1. <select>中至少包含一对<option>
    2在<option>中定义selected = " selected "时,当前项即为默认选中项。

<textarea>标签

1.通过<textarea>标签可以轻松地创建多行文本输入框。2. cols=“每行中的字符数”,rows=“显示的行数”,我们在实际开发中不会使用,都是用CSS来改变大小.

2. cols=“每行中的字符数”,rows=“显示的行数”,我们在实际开发中不会使用,都是用CSS来改变大小.
连接分类
1.外部链接:例如< a href="http:// www.baidu.com ">百度。
2.内部链接:网站内部页面之间的相互链接.直接链接内部页面名称即可,例如
<a href=" index.html">首页</a>
3.空链接:如果当时没有确定链接目标时,<a href="#">首页</a >
4.下载链接:如果href里面地址是一个文件或者压缩包,会下载这个文件。
5.网页元素链接:在网页中的各种网页元素,如文本、图像、表格、音频、视频等都可以添加超链接.
6.锚点链接:点我们点击链接,可以快速定位到页面中的某个位置.
在链接文本的href属性中,设置属性值为#名字的形式,
<a href="#two">第2集</a>
找到目标位置标签,里面添加一个id属性=刚才的名字,如:<h3 id="two">第2集介绍</h3>

特殊字符

特殊字符

特殊字符

好HTML的学习就结束了,以后会更新CSS的内容,感谢观看。

感谢

转载地址:http://qghzi.baihongyu.com/

你可能感兴趣的文章
CSS+DIV练手-公司
查看>>
CSS+DIV练手—鲜花展
查看>>
深入浅出JavaScript(1)—ECMAScript
查看>>
深入浅出JavaScript(2)—ECMAScript
查看>>
Asp.Net+Jquery.Ajax详解1-开篇
查看>>
我的软件工程之路(四)—半年总结
查看>>
Asp.Net+Jquery.Ajax详解5-$.getScript
查看>>
Asp.Net+Jquery.Ajax详解6-$.ajaxSetup
查看>>
什么是Dojo?与Jquery宏观对比,结果如何?
查看>>
Asp.Net+Jquery.Ajax详解8-核心$.ajax
查看>>
项目中一个用于导出word的方法
查看>>
测试Jsp 静态包含和动态包含
查看>>
简析几种常用的Web监听
查看>>
Web应用过滤器Fileter
查看>>
代理模式(Proxy)
查看>>
采用动态代理对事务进行封装
查看>>
Hibernate性能优化
查看>>
Spring核心ioc
查看>>
SSH框架总结(框架分析+环境搭建+实例源码下载)
查看>>
Struts2+Spring3+Mybatis3开发环境搭建
查看>>