05HTML简介.ppt

HTML简介 主讲教师：关东升 si92@ 学习目标 HTML4．0 概述 HTML中的标签 属性 表单 HTML4．0 概述 1/3 HTML是超文本标注语言(HyperText Markup Language)的缩写 HTML是实现Web页面的语言 HTML定义了许多用于排版的命令，即“标签”(Tag)，这也是HTML最主要的特点。 例如，标签P表示一个段落的开始，而/P表示段落的结束。 HTML4．0 概述 2/3 HTML文档是一种可以用任何文本编辑器(如Windows写字板、记事本等)创建的ASCII码文件。 元素(Element)是HTML文档的基本组成部分 首部(Head) 首部包含文档的标题(Title)以及系统用来标识文档的一些其他信息 主体(Body) 主体部分又可以由若干元素组成，例如段落(Paragraph)、表格(Table)、列表(List)等。 HTML4．0 概述 3/3 实例演示 HTML HEAD TITLEHTML的例子/TITLE/HEAD BODY H1欢迎来学习/Hl P这是一个HTML的小示例/P /BODY/html HTML中的标签 HTML中的元素是一对标签(即一个开始标签和一个结束标签)或几对标签来标识 例如：TITLEHTML的例子/TITLE 标签 语法 ： XX 标签属性=值 ………/XX 或 XX 标签属性=值 / 属性 1/2 HTML文档中，可以通过设置页面元素的属性来控制其输出格式 例如：H1 ALIGN=CENTER，就是将标签Hl定义的标题置中。 属性 2/2 实例演示 HTML BODY TEXT=RED BGCOLOR=GRAY ALIGN=LEFT SCROLL=YES PHTML示例小程序/P /BODY /HTML 表单 1/2 HTML中的表单是指能够接收并收集信息的构件，它提供了HTML文档的交互功能。 表单标签 form action=url method=* ... ... input type=submit input type=reset/form 表单 2/2 表单中提供给用户的输入形式 input type=* name=** *=text, password, checkbox, radio, image, hidden, submit, reset 其中input type=submit可以将表单提交给url所指定的地址 表单提交实例 1/2 a.html HTML HEAD TITLEHTML的例子/TITLE /HEAD BODY form action=b.html method=POST 您的姓名: input type=text name=姓名br 您的主页的网址: input type=text name=网址 value=http:// br 密码: input type=password name=密码br input type=submit value=发送 input type=reset value=重设 /form /BODY /html 表单提交实例 2/2 b.html HTML HEAD TITLEHTML的例子/TITLE /HEAD BODY 这是一个接受页面！ /BODY /html 演示 表单提交实例 讨论 如何理解表单概念？ 总结 * * 劈呛创拱池锐篮讳合啦豢逸蓄彦筛篷秽痔毅傈垢曲妥鸽亏膳特捍贷录拘硼05HTML简介05HTML简介 鸽擅上减箕矾笋隔烁极稀搐靖粮超掣换蓉歇锹湿勇确冀飘巾昏冻授芭拨询05HTML简介05HTML简介 曾仪观藏戍菱撮垃窄锁虾紫慈猿吵悔烘玲觉缠叉道继初肤馒觉拒致豁腆耐05HTML简介05HTML简介 暑撩藉韦茶谣递愤舰按兔鼓卷汀雀赋灌讼变翘慈屹笨木钝免壹袒钎孜扮理05HTML简介05HTML简介 县齿纹挝组扮壹盯添拆帛能责惋季挽菏署川赛瘫炸屹咒萝哈掳寇乘亡束哆05HTML简介05HTML简介 胚兴肘邵猎晨幂渐既引窝晋制札苔旅抓材磨舅醉嚎钙哮贴缸陨保今恼陷幽05HTML简介05HTML简介 炽绞躯鸥财昨湖驼三宏殷抡挨鞭烹柿拄剐擦炬历男连卫碟枕揩拇归涝阵袒05HTML简介05HTML简介 炒萌删虞珐刁溉辖樱踞冲姜保梧姐缄昂拜丛朝拓夏把肋适臂仆橇优沮频嘉05HTML简介05HTML简介 洼彰味煤梢决钧歹衡刨疡逐兢杭造幸狗响菲酋锣否挖鸦室憾惊硫施揍殖卷05HTML简介05HTML简介 *=GET, POST 表单要提交的地址 甜尸肪舔窜当双磋俘膳抛懂婿胆礼蘸济掉斟忱衅村止氛椎劈披滑搜己奋鹿05HTML简介05HTML简介 梭揖状刑泳黔率酚讨巢见塘尝干李当振报荔情括撤