1HTML和JavaScript.ppt

HTML与JavaScript 目标 HTML基本知识 JavaScript基本知识 JavaScript对话框 JavaScript对象 JavaScript事件处理 HTML 简介 HTML（Hypertext Markup Language，超文本标记语言）是一种用来制作Web网页的简单标记语言。 Web浏览器能够自动解释超文本文件（.html或.htm）中标记的含义，并按照一定格式显示。 HTML 示例 html head title网页/title /head body 第一个HTML文件！ /body /html 超链接 超链接是超文本的基本结构，利用链接可以将不连续的两段文字或两个文件联系起来。 分为同一网页中的链接和不同网页中的链接两种。 超链接的基本格式 a href=“URL”描述/a 同一网页内的链接 分两步完成： 用a href=“url#name”text/a设置超链接（即建立指向目标的链接），其中name为标记名，对同一个文件可不用url； 通过a name=“name”text/a标识目标（即在被指向目标的地方做标记）。单击网页中的text就可以跳转到标记名为name的部分。 字体标记 HTML中有许多用于字体的形状、大小、颜色等有关字符描述的标记。对字符大小的描述分为6级，从h1到h6 ，题号越小，字体越大。 hn可以使用对齐属性，表示为：align=#，其中的#可以选left、center或right。 h2 align=center Chapter 3/h2 字体可采用font/font标记，并且可以带color属性。颜色也可以用十六进制数表示。 font color=“gray” size=3 /font font color=“#808080” size=3 /font 网页标记 3-1 注释：! --注释内容--，注释中的文本不在网页中显示。 段标记：p… /p，p表示新一段开始， /p在应用中经常被省略。 换行标记：br 预格式化文本标记：pre…/pre，浏览器不认识段中缩进部分和空白，需要使用该标记预格式化文本。 网页标记 3-2 水平线标记：hr，为了产生较好的视觉效果，可用该标记将文本分开。 文字对齐标记： 居中对齐：center…/center 左对齐：left…/left 右对齐：right…/right 网页标记 3-3 背景彩色或背景图案 body background=“image-URL” gcolor=#link=#text=#alink=#=# Background：背景图案和图像文件名及其定位路径 Bgcolor：背景彩色 text：非可链接文字的颜色 link：可链接文字的颜色 alink：正被单击的可链接文字的颜色 vlink：已经访问（单击）过的可链接文字的颜色 #=rrggbb，颜色用16进制的红-绿-蓝（RGB）值来表示 多窗口页面标记 frameset…/frameset html headtitle多窗口页面/title/head frameset rows=40%,60% frameset cols=40%,60% frame src=file1.html frame src=file2.html /frameset frameset cols=30%,70% frame src=file3.html frame src=file4.html /frameset /frameset /html HTML表格 2-1 一个表格由table开始，由/table结束。 tr定义表格的行，th定义表格的表头项，td定义表格的内容。 HTML表格 2-2 table width=500 border=1 align=center bordercolordark=#808080 bordercolorlight=#ffffff cellpadding=0 cellspacing=0 tr height=23 valign=middle td width=50% align=left表项 td width=50% align=center表项 /table HTML 表单 表单允许用户填写某些信息，填写完后单击“提交”按钮发送到服务器端让一个程序去处理。 HTML中的表单主要由以下几种标记组成： form…/form：定义HTML表单 input：输入型表单 select…/select：定义下拉菜单 option：定义下拉菜单的项目，仅用于select标记 textarea…/textarea：定义多行输入域 form…/form form method =“get|pos