HTML入门笔记
HTML简介
HTML是做网页最基本的技术
1_由标签组件
2_在任何操作系统平台,只要有浏览器,都有执行HTML
3_浏览器中有HTML解析器
4_编辑HTML可以使用任何文本编辑工具,如记事本,建议开发人员用一些比较适合的工发工具
----------------------------------------------------
03 HTML基本结构
分为二个部份,
一)<head>做为网页的辅助信息,不会显示在浏览器的文档区域
二)<body>才能显示在浏览器的文档区域
----------------------------------------------------
04 HTML语法
HTML标签的不区分大小写,有开始标签,没有结束标签都行,
但建议初学者一定要有开始和结束标签,且大小写配对
在书写HTML代码时,注意适合缩格,养成良好的代码风格
大部份HTML标签都有标签体,即有开始,有结束,成对出现
但小部份HTML标签只有一个,即无标签体,例如:<br/>或<hr/>
属性必须出于在HTML开始标签中,属性值有单引或双引或无引号都可,
但建议初学者用双引号
HTML中的注视用<!-- -->,浏览器中的解析器会忽略注释符
----------------------------------------------------
05 HTML文本标签
标题(h1~h6)
水平线(hr/)
段落(p/)
上下标(sup和sub)
换行(br/)
原样输出(pre)
有序列表(ol li)
无序列表(ul li)
行内标签(span)
块标签(div)
span标签不具有换行功能,div标签具有换行功能
注意:浏览器读到不同的标签,会做出不同的显示效果
----------------------------------------------------
06 HTML字符实体
在默认情况下,浏览器会将<小于号当做标签的一个组成部份对待,
但我们希望不是标签的组成部份,而是正真的小于号,这时我们
得用一个技术去替代这些特殊的字符,该技术在HTML中叫实体,
类似于Java中的转义符
----------------------------------------------------
07 HTML多媒体标签
<embed src/>
<marquee direction/>
----------------------------------------------------
08 HTML链接和图像标签
<a href target>
<a href="mailto:有效的email地址">
<a href="#定位点">和<a name="定位点">
----------------------------------------------------
09 HTML中tabel表格标签
<table>
<thead>
<tbody>
<tfoot>
<tr>
<td>
注意:在编辑html表格时,对于表格体的内容超多的情况下,
建议用<tbody>标签,这样做,会给客户端较好的体验效果
----------------------------------------------------
10 HTML框架标签
<frameset rows cols/>
<frame src name frameborder nosize/>
----------------------------------------------------
11 HTML表单标签及其元素
<form action method>
<input type="text/...">
<textarea>
<select>
表格:输出数据
表单:输入数据,即服务器为了获取客户端信息而创建的容器
表单中的内容叫表单项
----------------------------------------------------
12 表单Get提交和Post提交的区别
GET:
1_请求数据会出现在地址上
2_请求数据会受地址容量限制,例如2000字符
3_敏感数据暴露在外
POST:
1_请求数据在请求体中,不会出现在地址上。通常其它软件方可看到
2_请求数据不受地址栏的限制
3_敏感数据不暴露在外
个人推荐POST,但不表示GET没有用,例如超链接就用GET
HTML是做网页最基本的技术
1_由标签组件
2_在任何操作系统平台,只要有浏览器,都有执行HTML
3_浏览器中有HTML解析器
4_编辑HTML可以使用任何文本编辑工具,如记事本,建议开发人员用一些比较适合的工发工具
----------------------------------------------------
03 HTML基本结构
分为二个部份,
一)<head>做为网页的辅助信息,不会显示在浏览器的文档区域
二)<body>才能显示在浏览器的文档区域
----------------------------------------------------
04 HTML语法
HTML标签的不区分大小写,有开始标签,没有结束标签都行,
但建议初学者一定要有开始和结束标签,且大小写配对
在书写HTML代码时,注意适合缩格,养成良好的代码风格
大部份HTML标签都有标签体,即有开始,有结束,成对出现
但小部份HTML标签只有一个,即无标签体,例如:<br/>或<hr/>
属性必须出于在HTML开始标签中,属性值有单引或双引或无引号都可,
但建议初学者用双引号
HTML中的注视用<!-- -->,浏览器中的解析器会忽略注释符
----------------------------------------------------
05 HTML文本标签
标题(h1~h6)
水平线(hr/)
段落(p/)
上下标(sup和sub)
换行(br/)
原样输出(pre)
有序列表(ol li)
无序列表(ul li)
行内标签(span)
块标签(div)
span标签不具有换行功能,div标签具有换行功能
注意:浏览器读到不同的标签,会做出不同的显示效果
----------------------------------------------------
06 HTML字符实体
在默认情况下,浏览器会将<小于号当做标签的一个组成部份对待,
但我们希望不是标签的组成部份,而是正真的小于号,这时我们
得用一个技术去替代这些特殊的字符,该技术在HTML中叫实体,
类似于Java中的转义符
----------------------------------------------------
07 HTML多媒体标签
<embed src/>
<marquee direction/>
----------------------------------------------------
08 HTML链接和图像标签
<a href target>
<a href="mailto:有效的email地址">
<a href="#定位点">和<a name="定位点">
----------------------------------------------------
09 HTML中tabel表格标签
<table>
<thead>
<tbody>
<tfoot>
<tr>
<td>
注意:在编辑html表格时,对于表格体的内容超多的情况下,
建议用<tbody>标签,这样做,会给客户端较好的体验效果
----------------------------------------------------
10 HTML框架标签
<frameset rows cols/>
<frame src name frameborder nosize/>
----------------------------------------------------
11 HTML表单标签及其元素
<form action method>
<input type="text/...">
<textarea>
<select>
表格:输出数据
表单:输入数据,即服务器为了获取客户端信息而创建的容器
表单中的内容叫表单项
----------------------------------------------------
12 表单Get提交和Post提交的区别
GET:
1_请求数据会出现在地址上
2_请求数据会受地址容量限制,例如2000字符
3_敏感数据暴露在外
POST:
1_请求数据在请求体中,不会出现在地址上。通常其它软件方可看到
2_请求数据不受地址栏的限制
3_敏感数据不暴露在外
个人推荐POST,但不表示GET没有用,例如超链接就用GET