地产微营销微信营销方案成功案例微信营销技巧行业解.ppt

第三章 HTML相关技术基础知识
纵观各种动态页面开发技术,无论是JSP、ASP还是PHP都无法摆脱HTML的影子。这些动态的页面开发技术无非是在静态HTML页面的基础上添加了动态的可以交互的内容。HTML是所有动态页面开发技术的基础。在接下来的章节将要详细介绍的就是HTML相关的一系列技术,包括HTML、JavaScript和CSS。其中HTML是一组标签,负责网页的基本表现形式;JavaScript是在客户端浏览器运行的语言,负责在客户端与用户的互动;CSS是一个样式表,起到美化整个页面的功能。本书不是详细介绍HTML的专著,在本章也只是讲解Web开发中最常见的HTML知识,目的在于使读者能尽快进入Web开发的状态。如果读者有更深层次的需求可以参考专门讲解HTML的书籍。
HTML 基础知识
在各种Web开发技术中,HTML无疑是最为基础的。任何动态语言都离不开HTML的支持。所以在开始Web开发的学习之前,读者还是需要静下心来打好这个基础。在这个章节中将会概述HTML的框架知识。
什么是HTML
HTML(Hyper Text Markup Language)即超文本标记语言,用来描述Web文档数据。用户可以通过URL链接来访问这种Web文档,从而达到信息展示、信息共享的目的。
HTML运行原理
前面介绍HTML定义的时候就说过,HTML是一种标记语言,每一种HTML标签都是有一定表现含义的。浏览器就是按照HTML标签的语义规则把HTML代码翻译成漂亮的网页。
常用的HTML标记
表单(form)
文本框(text)
文本区域(textArea)
单选按钮(Radio)
复选框(checkbox)
下拉列表框(select)
按钮(submit)
表格(table、tr、td)
超级链接(a)
1. 表单(form)
<form name="form1" method="post" action="">
……
</form>
2. 文本框(text)
<input name="ID_name" type="text" id="ID_name" value="Mary" size="25" maxlength="8">
3. 文本区域(textArea)
<textarea name="textarea" cols="50" rows="8">
This is a student
</textarea>
4. 单选按钮(Radio)
<form name="form1" method="post" action="">
性别:
<input name="sex" type="radio" value="男" checked> 男
<input name="sex" type="radio" value="女"> 女
</form>
5. 复选框(checkbox)
<form name="form1" method="post" action="">
爱好:
<input name="ah1" type="checkbox" id="ah1" value="足球" checked> 足球
<input name="ah2" type="checkbox" id="ah2" value="唱歌"> 唱歌
</form>