Java10网页设计基本.pptVIP

Java技术与应用 主要内容 Tomcat配置 HTML语言介绍 JavaScript语言介绍♂ Tomcat的配置 ♂ HTML网页设计语言简介 Hypertext Markup Language，即超文本标记语言 用于创建便于平台移植的超文本文档的一种简单标记语言 主要用于WEB应用中 SGML的一种简化版 HTML文件是带有格式标识符和超文本链接的内嵌代码的ASCII文本文件（文件后缀为.htm或.html） 一般由浏览器使用HTTP（Hypertext Transfer Protocol）网络协议下载、解释和运行 目前有许多诸如FrontPage、DreamWeaver和CoffeeCup等智能化的网页制作软件专门用来制作HTML文件 通常不需要人工去写大量代码 ♂ 典型的HTML文档的层次 包括: 结构、内容和样式 HTML对结构和内容之间的关系进行表示和处理 结构 用于描述文档的组织结构； 内容 包括信息标题、段落、项目列表和表格中的具体内容，各个内容使用开始和结束标记区分； 样式 定义内容的样式设置标准。♂ 基本语法 1. HTML文件总体结构： HTML HEAD META TITLE /TITLE /HEAD BODY /BODY /HTML ♂ 页面配置： META HTTP-EQUIV=Content-Type CONTENT=text/html;charset=＃ 背景色彩 ： body bgcolor=# text=# link=# alink=# vlink=# 背景图象 ： body background=image-URL 链接 ： a href=“URL” ... /a　　　　　　　　 ♂ 2. 字体： 标题字体：h# ... /h# ，其中，#可以是1～7 普通字体：字体大小font size=# ... /font ，其中，#可以是1～7或+#，-# 字体颜色font color=# ... /font 物理字体：B.../B粗体，I.../I斜体，U.../U带下划线 逻辑字体：em.../em虚化，strong…/strong加重　　　　　　　　 ♂ 3. 文字布局： 段p，换行br，不换行nobr，文字的对齐align=# ，其中，#为left, center, right 无序列表 ulli.../ul，有序列表 olli.../ol，定义列表dldt...dd.../dl xmp.../xmp保持原貌 blink.../blink闪烁　　　　　　　　　 ♂ 3.图象： img src=#，其中，#为图象文件的URL img border=# ，其中，#为边的宽度。 　　　　　　　　　　　　　　　　　　　　 ♂ 【例10-1】基本网页例子 　　　　　　　　　　　　　　　　　　　　 ◆ 表格 table - 定义表格 tr - 定义表行 th - 定义表头 /th td - 定义表元(表格的具体数据) /td /tr /table　　　　　　　　　　　　　　　 ♂ 在table中还可以通过一些属性定义表格的边框、宽度、高度和间隔数等： table　border＝#　width＝# height＝# cellspacing=#.../table 在th中可以定义 占多行th rowspan=#、 占多列th colspan=#、 背景颜色th bgcolor=#或th background=URL等属性。　　　　　　　　　　　　　　　 ♂ 【例10-2】精彩赛事推荐 　　　　　　　　　　　　　　　　　　　　 ◆ 表单 1. 简单表单 form action=# method=# ... input type=# name=#