您的位置:首页 > Web前端 > HTML

HTML入门笔记

2016-05-13 22:25 253 查看
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
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: