新手学习Html易混淆的概念1
来源:互联网 发布:淘宝网男士假发 编辑:程序博客网 时间:2024/05/23 11:21
最近开始学习Html与CSS,由于之前没有接触过该语言,学习了几天后感觉有些概念容易混淆,现在先总结一些,跟大家分享一下:
1、HTML中标签、元素与属性的区别
(1)元素:
html网页实际上就是由许许多多各种各样的html元素构成的文本文件,并且任何网页浏览器都可以直接运行html 文件。所以可以这样说,html元素就是构成html文件的基本对象,html元素可以说是一个统称而已。html元素就 是通过使用html标签进行定义的。
(2)标签:
标签就是<head>、<body>、<table>等被尖括号“<”和“>”包起来的对象,绝大部分的标签都是成对出现的,如 <table></talbe>、<form></form>。当然还有少部分不是成对出现的,如<br>、<hr>等。 标签就是用来标记 HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。
(3)属性:
为HTML元素提供各种附加信息的就是HTML属性,它总是以"属性名=属性值"这种名值对的形式出现,而且属性 总是在HTML元素的开始标签中进行定义。
示例:
<<a class="baidu-highlight " target="_blank" href="https://www.baidu.com">html</a>>
<head> <title>示例标题</title> </head>
<body bgcolor="blue">
<p>这是示例页面</p>
</body>
</html>
在这个示例中,<p>这是示例页面</p>就是html元素,其中“这是示例页面”就是元素的具体内容了。
<head><title><body>等就是html标签,这是标签构成了html元素。
<body bgcolor="blue">中的bgcolor="red"就是标签的属性,它定义了标签应该如何具体配置。
总之,元素和标签的区别也不必太在意,实际工作中我们都直接以标签统称。而属性就很容易明白了, 它就是为HTML标签添加各种附加信息或者配置选项的参数。
2、表单提交的三种方式
(1)用Submit Type方式提交
示例:
<form name=”form” method=”post” action=”#">
<input type=”submit” name=”submit” value=”提交">
</form>
其中method规定用于提交表单的HTTP 方法,有两种get和post。对于两者的区别,下面会讲到。
action规定当提交表但时向何处发送数据,一般为后台处理程序,如PHP等。
(2)使用图片提交
示例:
<form name=”form” method=”post” action=”# ">
<input type=”image” name=”submit” src=”Submit.jpg”>
</form>
(3)使用链接来提交表单,用到了Javascript的DOM(文档对象模型)
示例:
<form name=”form” method=”post” action=”#”>
<a href=”javascript:form.submit();”>提交</a>
</form>
该方法调用了Javascript函数来进行表单的提交,使用起来较为灵活。比如,可以将其添加到onclick中进行调用。
示例:
<form name=”form” method=”post” action=”#”>
<div onclick=”javascript:form.submit();”>
<span>提交</span>
</div>
</form>
3、表单提交方法get与post的区别
(1)post方法
用post提交的表单,数据以数据块的形式提交到服务器,表单数据不会出现在URL中,安全性较高。一般用于提交密码等数据。
(2)get方法
这是表单提交的默认方法,以“?name1=value1&name2=value2&...”的形式,将表单数据附加到URL的后面,提交到服务器处理,虽然安全性不如post,但执行效率高,可用于传输安全性不高的数据。
- 新手学习Html易混淆的概念1
- 学习Javascript总结--易混淆的概念
- 易混淆的概念
- 易混淆的概念
- 易混淆的几个概念
- CSS中易混淆的几个概念1
- 新手学习c#建议知道的概念
- Delphi:易混淆的概念 (转)
- Delphi中易混淆的概念
- Java中易混淆的概念
- 数字电视的几个易混淆概念
- 转:net易混淆的概念
- C++中几个易混淆的概念
- Delphi中易混淆的概念
- Delphi中易混淆的概念
- Oracle中易混淆的几个概念
- Java多线程中易混淆的概念
- c++中易混淆的概念
- hdu 5339 Untitled(回溯)
- 数论总结
- Syslogger: Forward syslog to Apache Kafka
- 线段树_HDU_1698
- 余弦推倒
- 新手学习Html易混淆的概念1
- php连接mysql数据库失败解决办法
- 内存对齐的规则以及作用
- 线段树 (区间修改 区间查询 延迟标记)
- 冒泡、快速、直接插入、选择排序算法(Java语言实现)
- VS2013 MFC opencv 播放视频
- nyoj 78(凸包基础)
- Foundation框架-学习笔记<一>
- 局域网内部建设的web serverice服务器被外网访问调试过程。