版权说明：本文档由用户提供并上传，收益归属内容提供方，若内容存在侵权，请进行举报或认领
文档简介
认识HTML语言
HTML基本概念
什么是HTML文件HTML的全称为HyperTextMarkupLanguage,即超文本标记语言表
1-1HTML层级特色
HTML文件的基本结构
<HTML><HEAD><!这是HTML头信息部分><TITLE>thisismyfirstHTMLpage><!这是HTML的标题部分></HEAD><!头部分结束><BODY><!这是HTML的正文部分>HiHowareyou.这是我的第一个HTML程序</BODY><!正文部分结束></HTML><!程序结束>HTML实例<HEAD>……</HEAD>中的标记
＜TITLE＞……＜/TITLE＞
＜TITLE＞文件题目＜TITLE＞
标题栏空间有限，即标题应少于80个字符在标题元素中不允许出现置标，所以以下代码是无效的：<TITLE>I<B>LOVE</B>YOU</TITLE>＜LINK＞……＜/LINK＞
LINK标记用于显示本文档和其他文档之间的连接关系。一个典型的应用就是外部层叠样式表的定位。格式如下：
＜LINKREL＝”stylesheet”HREF＝”style．css”＞
REL参数说明HTML文件及URL两个文档之间的关系，HREF说明目标文档名
＜META＞……＜/META＞
＜METANAME＝”keywords”CONTENT＝”
yourkeyword”＞
＜METANAME＝”description”CONTENT＝”
yourhomepage’sdescriptionl”＞本页的关键字和描述。在页面里加上这些定义后，一些搜索引擎就能够让用户根据这些关键字查找到你的主页，了解你的主页内容。＜META＞……＜/META＞＜METAHTTP-EQUIV＝”refresh”CONTENT＝”60,URL＝”new.htm”＞
浏览器将在60秒后，自动转到new．htm文件。
＜METAHTTP-EQUIV＝”content－type”CONTENT＝”text/html；charset＝”GB2312”＞
描述本页使用的语言。浏览器根据此项，就可以选择正确的语言编码
＜META＞……＜/META＞<METAcontent=“freenews,bbs,asp,cgi,html,热点新闻，娱乐,社会,体育新闻，免费资源，论坛，网页制作，在线教程”name=description><METAcontent=free,news,bbs，asp,cgi,html,热点新闻，娱乐,社会,体育,免费,论坛,网页制作，在线教name=keywords>＜META＞……＜/META＞＜STYLE＞……＜/STYLE＞
使用STYLE元素的＜STYLE>和＜/STYLE＞置标可以在文档中包含风格页
＜script＞……</script>script（脚本）的＜script＞和＜/script＞置标用于包含脚本（一系列脚本语言写的命令）。
文本体控制语言
<BODY>……</BODY>文件体中描述的是浏览器中页面显示的内容
<BODY>的属性定义BACKGROUND、BGPROPERTIES、BGCOLOR、TEXT、LINK、VLINK和ALINK，用来设定背景图象、背景颜色、前景文字颜色及超文本链接颜色
<bodytext="#000000"link="#000000"vlink="#FF0000"alink="#333333"bgcolor="#FFFFFF">文本体控制语言LINK：用来设定未阅读过的超文本链接颜色，缺省值是蓝色。VLINK：用来设定阅读过的超文本链接颜色，缺省值是紫色。TEXT：用来设定文字颜色。ALINK：用来设定动作中的超文本链接颜色，缺省值是紫色。文本标记
<FONT＞……＜/FONT＞＜FONTsize＝#＞HTML有七种字号，l号最小，7号最大。缺省字号为3，＜FONTcolor＝#＞#可以是6位16进制数也可以是black、olive、red、blue、maroon、navy、white、green、purple、sliver、yellow等文本标记<P>……</P>P即Paragraph，段落元素的＜P＞置标标志一段的开始，一段结束可用＜/P＞但通常不需要结束置标。一般说来，＜P＞置标用来把文本分段
文本标记<HTML><HEAD><TITLE>ABOUTP</TITLE></HEAD><BODY><P>Thisisparagraph<P>Soisthisok!</BODY></HTML>文本标记标题文字定义文件内的标题层次，以区分文章的章节段落。HTML共有六层标题文字，编号从1到6，＜HnALIGN＝”#”＞标题文字＜/Hn＞n＝l,2,3,4,5,6#代表：
left标题居左；
center标题居中；
right标题居右；标题文字<HTML><HEAD>标题文字实例</HEAD><BODY><H1>一级标题</H1><BR><H2>二级标题</H2><BR><H3>三级标题</H3><BR><H4>四级标题</H4><BR><H5>五级标题</H5><BR><H6>六级标题</H6><BR></BODY></HTML>标题文字水平线的设定
＜hr＞标识可以在网页中生成一条横线1．size属性以像素值为单位，规定横线的粗细，默认值为22．width属性指定了横线的长短默认width值的横线长短为100％3、align属性规定了水平线的对齐方式，默认为居中，这里设定水平线为左对齐（align=left）,水平线的设定<html><head><title>使用水平线</title></head><body><h1align=“left">水平线的设定</h1><hrsize="2"width="30%"align="left"><pre>
有时候，我们想在网页中生成一条横线，将不同的内容信息分开，使文字看起来清晰、明确，这时可以使用＜hr＞标识来达到此目的。</pre></body></html>水平线的设定原样显示文字
在制作HTML文件时，经常会遇到这样的情况，一段文本已经排好版了，希望把它原样显示在浏览器中，这时可以使用＜pre＞标识来实现。方法是把制作好的那段文本前后分别加上＜pre＞和＜／pre＞标识，原来的文本内容和格式就会原封不动地保留并显示出来
署名在浏览网页时经常能看到，在网页的下部常有签名或地址，说明这个网页是由谁或由哪个公司编写的，以及其他有关信息。假若希望得到更多的反馈信息，署名对制作者来说是很有用的。署名标识是＜address＞，在＜/address＞标识之间的文字显示效果是斜体字。署名署名的HTML代码如下：<html><head><title>使用水平线</title></head><body><h1>水平线的设定</h1><hr><pre>
有时候，我们想在网页中生成一条横线，将不同的内容信息分开，使文字看起来清晰、明确，这时可以使用＜hr＞标识来达到此目的。</pre><hr><address>公共计算机教研室制作</address></body></html>署名特殊字符HTML文件链接统一资源定位器URL统一资源定位器（UniformResoureLocator）是文件名的扩展protocol：//machine．Name[:port]/directory/filenamemachine．name是存放该资源主机的IP地址directory和filename是该资源的路径和文件名统一资源定位器也有绝对URL和相对URL之分
＜A＞……＜/A＞
锚元素（Anchor）。用于创建链接
其基本格式为：<ahref=”url”>字符串</a>
＜Ahref=”/anchor.html”＞clickme＜/a＞＜Ahref=”/anchor.html#anchor”＞clickmetoo</a＞＜A＞……＜/A＞<html><head><title>使用连接</title></head><body><h1>请点击下面的连接:</h1>＜Ahref=”001.html”＞徐志摩＜/a＞＜Ahref=””＞百度＜/a＞</body></html>＜IMAGE＞
图像元素。SRC和ALT是＜IMAGE＞置标经常使用的
＜IMAGESRC＝”c:\mydocuments\wenhuajie.jpg”WIDTH＝”300”HEIGHT＝”200”ALT＝”DOYOUWANTTOHAVEALOOKATME？”＞HEIGHT和WIDTH属性按像素值确定图像的宽度和高度ALT用特定的文字代替图象＜案例＞<Table>……</Table><table>...</table>-定义表格
<tr>-定义表行
<th>-定义表头
<td>-定义表元(表格的具体数据)<tableborder=5><tr><th>Food</th><th>Drink</th><th>Sweet</th><tr><td>A</td><td>B</td><td>C</td></table>实例DHTML简介（CSS）DTML与CSS的基本概念
DHTML=HTML+CSS+浏览器对象模型结构+ScriptCSS是CascadingStyleSheet的缩写。译作「层叠样式表单」
浏览器的对象模型
浏览器本身就是由许多的对象所组成的，这些对象有各自的性质、方法和事件，因此网页设计者可以通过Script程序，来控制或调用这些对象
层叠样式表CSSCSS的基本观念，就是将网页“内容”的设置与“样式”的设置分开
CSS之所以称为层叠样式表，是因为要让HTML文件同时应用多个样式表，进一步来说，就是将样式进行分类（如：按颜色样式、字体样式、编排样式），从而建立起各种“样式表”，然后将这些样式应用给同一网页
建立样式表
1、基本声明
集中声明
在了解了声明样式的基本格式后，就可以使用集中声明的方式，让HTML标签，一次扩展更多的属性。集中声明有两种方式，一种是“在一个选择器内，声明数个样式性质”；另一种是“数个选择器集中在一个样式中声明”。下面分别介绍这两种方式，以便了解和掌握集中声明的方法。集中声明集中声明应用样式应用样式样式表应用实例动态网页ASP简介动态网页ASP简介与JavaScript基础
ASP简介
ASP是一套微软公司开发的服务器端脚本环境，
ASP内含于IIS3.0和4．0之中，通过ASP我们可以结合HTML（超文本文件）网页、ASP指令和ActiveX元件建立动态、交互而且高效的Web服务器应用程序
ASP特点（1）使用VBScript、Javascript或者
Perlscript等简单易懂的脚本语言，结合
HTML代码，即可快速地完成网站的应用程序。（2）无需compile编译，容易编写，可在服务器端直接执行。（3）使用普通的文本编辑器，如
Windows的记事本，即可进行编辑设计，当然也可以使用Ultra_edit等比较专业的文本编辑器编辑文本。ASP特点（4）与浏览器无关
（5）ASP能与任何
ActiveXscripting语言相容
（6）因为只有脚本的结果返回到浏览器，所以服务器端脚本不易复制
（7）可使用服务器端的脚本来产生客户端的脚本
ASP的运行环境
1、
MicrosoftInternetInformationServerversion3.0/4.0onWindowsNTServer2、
MicrosoftPeerWebServicesVersion3．0onWindowsNTWorkstation3、
MicrosoftPersonalWebserveronWindows95/98ASP脚本编程环境1．从以上两例可看出，ASP文件的扩展名为.asp，一个ASP文件通常由ASP脚本命令和HTML标记、文本组成，ASP命令必须用“<%%>”括起来（关于<%@LANGUAGE=VBScript%>，先不急于搞清楚，以后再谈）。2．初学者要看懂ASP程序，只要一分为二即可（切不可搅在一起，稀里糊涂）。注意除掉<%%>括起来的代码后，就与你用过的.htm文件一样，你一看就懂。而<%%>括起来的部分在服务器端运行后，得到的输出结果就是你所熟悉的HTML代码。如Response.Write"<HTML><BODY>"得到的就是<HTML><BODY>，而<%=Request.ServerVariables("Remote_Addr")%>的运行结果即为IP地址
创建ASP页面ActiveServerPages（ASP）文件是以.asp为扩展名的文本文件，这个文本文件可以包括下列部分的任意组合：
文本
HTML标记
ASP脚本命令
加入Script命令
HTML使用定界符小于号（<）和大于号（>）括入HTML标签。
ASP使用定界符
<%和
%>括入脚本命令
<HTML>
<BODY>
Thispagewaslastrefreshedon<%=Now%>.
</BODY>
</HTML>VBScript函数Now返回当前的日期和时间。Web服务器处理该页时，会使用当前的日期和时间替换<%=Now%>并且将该页返回到浏览器：Thispagewaslastrefreshedon8/1/972:20:00PM.
合成HTML和脚本命令
合成HTML和脚本命令合成HTML和脚本命令什么是JavaScript
JavaScript是一种基于对象(Object)和事件驱动(EventDriven)并具有安全性能的脚本语言
基本特点：是一种脚本编写语言JavaScript是一种脚本语言，它采用小程序段的方式实现编程。像其它脚本语言一样,JavaScript同样已是一种解释性语言,它提供了一个易的开发过程。
什么是JavaScript
安全性
JavaScript是一种安全性语言，它不允许访问本地的硬盘，并不能将数据存入到服务器上，不允许对网络文档进行修改和删除，只能通过浏览器实现信息浏览或动态交互。从而有效地防止数据的丢失。什么是JavaScript动态性的
JavaScript是动态的，它可以直接对用户或客户输入做出响应，无须经过Web服务程序。它对用户的反映响应，是采用以事件驱动的方式进行的。所谓事件驱动，就是指在主页(HomePage)中执行了某种操作所产生的动作，就称为“事件”(Event)。比如按下鼠标、移动窗口、选择菜单等都可以视为事件。当事件发生后，可能会引起相应的事件响应。JavaScript和Java的区别。Java是SUN公司推出的新一代面向对象的程序设计语言，特别适合于Internet应用程序开发；而JavaScript是Netscape公司的产品
基于对象和面向对象
Java是一种真正的面向对象的语言，即使是开发简单的程序，必须设计对象。
JavaScript是种脚本语言，它可以用来制作与网络无关的，与用户交互作用的复杂软件。它是一种基于对象（ObjectBased）和事件驱动（EventDriver）的编程语言。因而它本身提供了非常丰富的内部对象供设计人员使用。
JavaScript和Java的区别解释和编译
两种语言在其浏览器中所执行的方式不一样。Java的源代码在传递到客户端执行之前，必须经过编译，因而客户端上必须具有相应平台上的仿真器或解释器，它可以通过编译器或解释器实现独立于某个特定的平台编
温馨提示
- 1. 本站所有资源如无特殊说明，都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等，如果需要附件，请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸，网页内容里面会有图纸预览，若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间，仅对用户上传内容的表现方式做保护处理，对用户上传分享的文档内容本身不做任何修改或编辑，并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容，请与我们联系，我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 拉伸机内部检修处置方案
- 车站广场土建工程投标报价方案
- 江西省2026年中小学教师招聘笔试（鹰潭考区）备考题库附答案详解（a卷）
- 2026南昌市劳动保障事务代理中心招聘外包项目人员11人备考题库及答案详解（易错题）
- 2026中国中煤能源集团有限公司西南分公司（四川分公司）第五批招聘36人备考题库含答案详解
- 2026陕西汉中镇巴县人民医院招聘15人备考题库附答案详解（巩固）
- 2026广东汕头市潮阳区教育局属下学校外出招聘硕士研究生50人备考题库附答案详解（研优卷）
- 2026北京航空航天大学可靠性与系统工程学院聘用编仿真项目主管F岗招聘备考题库及参考答案详解一套
- 2026中国人民大学中国调查与数据中心招聘2人备考题库及答案详解（网校专用）
- 2026广东佛山市顺德区公立医院招聘高层次人才48人备考题库含答案详解（达标题）
- 2025海南水发旗下海南水务招聘12人笔试历年参考题库附带答案详解
- 语文-辽宁省丹东市2026届高三年级教学质量监测(丹东一模)
- 2026中国生物可吸收胶原蛋白植入物行业发展形势与前景动态预测报告
- 2026陕西建工第八建设集团有限公司财务部融资管理岗招聘1人考试备考试题及答案解析
- 护士工作制度及流程
- X射线反射基本原理及特点
- (2025年)初级会计真题试卷和答案合集
- 学校各班级防溺水联防小组统计表（空表）
- 2026小学信息技术课程标准测试题及答案
- 2026浙江首考英语试卷及答案解析
- 医院培训课件：《“天使之约”造口联谊会-造口护理》
评论
0/150
提交评论