【引言】
我们在浏览网页的时候,都见到过地址栏中有写到http://……,相信对于http(HyperText Transfer Protocol)都知道,老师告诉我们说这是超文本传输协议,通过输入地址我们可以访问到形形色色、五花八门的网页,网页上有文字、图片、链接等等,这些神奇的网页背后又有什么作为支撑呢? 那就是html(超文本标记语言)发挥作用了,下面随小编一起来认识一下吧!
【html定义】
html(Hypertext Marked Language),中文叫做“超文本标记语言”,主要用来创建与系统平台无关的网页文档,“超文本”就是指页面内可以包含图片、链接、甚至音乐、程序等非文字元素,它是一种描述性的标记语言,这和一般文件的不同的是,一个html文件不仅包含文本内容,还包含“tag”,也就是标记。后缀名是.htm或html。
【html简介】
html 网页结构
html总览
html元素
1. 空元素
<br>
2. 带有属性的空元素
<hr color = "blue">
3. 带有内容的元素
<title>http://www.baidu.com</title>
4. 带有内容和属性的元素
<font color ="red">http://www.baidu.com</font>
html元素用Tag(标签)表示,关于标签的特性如下:
- tag以“<”开始,以“>”结束;通常成对出现,比如<body></body>,起始的叫做开始标记,结尾的叫做结束标记;
- 标签的属性是可选的,可以写上它的属性,也可以不写;
- 给属性赋值的时候,可以加双引号,也可以不加;
- 标签和属性的名字是大小写无关的,<HTML>和<html>其实是一样的。
html字符实体(Character Entities)
对于在html里有特殊含义的字符,比如“<”表示html标签的开始,“<”是显示不到页面中的,如果我们希望显示小于号,就要说到HTML字符实体了,一个字符实体分成三部分,"&符号" +“实体名字”/“#实体编号” +“;”,比如,要显示小于号,我们可以写 < 或者 <;。
html表格
<table>定义表格
<tr>
<th>定义表头</th>
</tr>
< tr>定义表行
<td>……</td> 定义单元格
</tr>
</table>
html列表
排序列表:每个列表项前标有数字,表示顺序。
排序列表由<ol>开始,每个列表项由<li>开始
//排序列表
<ol>
<li>《java入门篇》
<li>《java入门篇1》
<li>
《java入门篇2》
</li>
</ol>
效果:
不排序列表:不用数字标记每个列表项,而是采用一个符号标志)(比如圆点)每个列表项
不排序列表由<ul>开始,每个列表项由<li>开始
//不排序列表
<ul type="circle">
<li>《java入门篇》
<li>《java入门篇1》
<li>
《java入门篇2》
</li>
</ul>
效果:
定义列表: 定义列表通常用于术语的定义。
定义列表由<dl>开始,术语由<dt>开始,术语的解释说明由<dd>开始,<dd></dd>里的文字缩进显示。
//定义列表
<dl type="circle">
<dt>html
<dd>超文本标记语言
<dt>http
<dd>
超文本传输协议
</dl>
效果:
html表单
html表单是html页面与浏览器端实现交互的重要手段,利用表单可以收集客户端提交的有关信息。
学习html表单最关键要掌握得有三个要点:表单控件、Action、Method。
用户填入表单的信息总是需要程序来进行处理,action指明了处理表单信息的文件;而method表示了发送表单信息的方式,method有两个值:get和post,get是通过URL发送(你在地址栏中看到),传输数据量小,安全性低,如果只是为了取得和显示数据,用get;post是通过http发送,在地址栏中看不到,安全性高,所以,一般设计数据的保存和更新时,建议用post 。
一些常见的html表单控件:
【后续】
记是记不住的,养成随学随总结的好习惯, 代码需要多敲,多实践,想忘掉很难!
不足之处请大家多提意见~~