大连理工大学软件学院实训基地html.ppt

HTML WEB第一语言 课程内容及学习周期 HTML介绍HTML细节文件结构文字图片链接表格表单多窗口特殊字符 在不是很熟悉HTML的情况下 学习加练习的时间应该在4 8个小时对于已经熟悉HTML的读者可以略过本章本章内容针对程序员进行设置 不是培养设计师 HTML简介 HyperTextMarkupLanguage超文本 文字 图片 音视 链接 标记语言 浏览器根据标记显示内容 来自于SGML 标准通用标记语言 专注于在Web上传递信息是写给浏览器的语言历史HTML1 0 HTML2 0 IETF制定 HTML4 0 最终版 W3CIETF InternetEngineeringTaskForceHTTP协议RFC等RFC2616Http1 1RFC1521MIMEW3C WorldWideWebConsortium www w3 org HTMLXML等XHTML符合XML标准的HTMLDHTML Dy namicHTML X HTML CSS JavaScript的综合运用 大连理工大学软件学院实训基地 4 HTML语法标记 标记 标签或元素 的形式内容Eg 文字Eg Eg 位于尖括号内 可以具有属性值属性值必须 或 不写也可以解析 但是不推荐 不符合XHTML 有开始必须有结束 XHTML 标签不能嵌套不区分大小写但应该养成良好的编程习惯 推荐都用小写 Html文档结构 典型HTML我会努力的 01 html head中的常用标签 文字 文字 将显示在浏览器标题栏上 用于设置一些头信息 不缓存 expires过时 不要再代理服务器上缓存 generator有什么工具生存的代码 定义CSS格式 用于定义脚本 Eg Javascript http equiv 指明下面要设置的项目 content 指明该项目设置的内容 02 html 标签 色彩值 rrggbb Eg 红绿蓝数字值body其他属性textlinkalinkvlinkbgcolorleftmargintopmargin 03 html 04 html 锚点标签 在该位置定义名字为AnchorName的锚 就是给这个位置起了个名字 别人可以用这个名字直接链接到该文件的这个位置 链接标签 超级链接 跳转到另一文件文字当鼠标点击 文字 时 TargetWindow的内容将会跳转到 url 不指定target时在本窗口跳转 连接到文件的特定部分Href url point 链接到url的point部分在url文档中用标识Target见 框架 部分 05 html06 html 路径问题 本地路径 c dir1 dir2 绝对路径 07 html 相对于URL地址 URLURIURN URLUniformResourceLocator 统一资源定位符 网络协议 主机名 端口号 资源名 定位标记 80 index html top带有参数的url及url编码问题见Servlet JSP部分URNUniformResourceName持久可用的资源标准名称例如邮箱名mashibing2004 URIUniformResourceIdentifier包含URL和URN URI URL URN html 分隔线 语法Size高度Align对齐方式 可以取left或rightNoshade无阴影效果颜色Eg 08 html 标题字体大小 1 2 3 4 5 6按标题级别用黑体字显示标题内容自动插入空行最大最小 09 html 字体设置 face定义字体size1234567实际8101214182436 pixels Color可以使用预定义的名字 也可以使用数字red blue black 通常是打字机风格字体通常是引用方式 斜体 强调 通常是斜体加粗体 10 html 设置文字显示 11 html 特殊字符 12 html 可以使用 文字的布局 分段落现实 一层 行内块 分块显示 列表 符号列表 数字列表换行 不换行保留原有格式跑马灯效果 13 html 对齐 align 取值 leftrightcentertopmiddlebottom 对齐到中间 14 html 图片 Src图片路径 一般使用相对路径Alt图片无法显示时显示的文字Border边框的厚度Align leftrighttopmiddlebottom图文混排时用于和图片的对齐 15 html 图片与链接 见DreamWeaver演示 表格 重点掌握 或像素值 表头 可选 单元格 topmiddlebottom 跨行 跨列 16 html table的属性 bgcolorborderbordercolorlightbordercolordarkcellspacingcellpaddingwidthheight 表单 重点掌握 作用收集用户信息数据库查询收发email 用户不仅仅是信息的被动接受者 还可以通过表单成为信息的主动发出者 表单基础 的属性Method getpost Get发送较少数据 256byte 显示在url中 url userinfo username 张三 password hehePost数据长度无限制 不会显示在url中ActionForm中数据交给服务器端哪个程序进行处理Eg 位于表单中的输入标签 位于之中 接收用户输入格式 type textradiocheckboxpasswordhiddenselectsubmitresetbuttontextareaimagename 提交到服务器端的变量的名字 表单中的输入标签 文本框textmaxlength 最大字符长度size 文本框宽度 字符 密码区域 特殊的单行文本输入框password单选按钮典型用法 同一名字 不同的值错误的用法 不同的名字复选框典型的用法 同一name 不同的value隐藏域不显示在网页中通常用作向下一个页面传输已知信息或表单的附加信息 select 列表框 Multiple表示多重列表框 可以多选Selected被选中多行多列文本框 Rows 行数Cols 列数Wrap Off 不换行Soft 自动换行 并且如果行末有英文单词 会将整个单词移到下一行Hard 自动换行 但会截断行末的单词 中间的值会被提交所以不要含有空格 button 按下该按钮没有反映按下该按钮 该form中所有的输入信息将被提交到服务器按下该按钮 该form中所有的输入部分将被重置点击图片提交 Label标签与输入元素相关联见DreamWeaver演示 框架 嵌套 Pixelsor yesnoauto 18 html 19 html 链接 表单与框架 Target Framename blan