第03章 HTML语言基础.pptVIP

Web数据库技术 万红波 烟台大学 网络中心 HTML基本概念 HTML是一种描述语言，又叫标记语言 它对Web页面中显示内容的属性以标签的形式进行描述。 浏览器对这种描述信息进行解释，并将相应的页面内容显示出来。 一个Web页面，就是一个HTML文件。 HTML文件是一个纯文本文件，使用文本编辑器就可以编辑。 3.1 网页设计的基本原则 满足需求 内容简练 3.2 HTML语言的结构 3.3 构成网页的基本元素 使用HTML基本标记创建网页 文本 图象 超链接 列表 表格 表单 3.3 构成网页的基本元素 段落标记 p align=center段落内容/p 字体标记 font face=“Arial, Helvetica, sans-serif” size=“3” color=“red”内容/font 3.3 构成网页的基本元素 图片标记 img src= width= height= border=/img 3.3 构成网页的基本元素 超链接a 文档内链接 a href=#目标内容/a 目标命名 a name=目标/a 文档间链接 a href=目标URL内容/a 3.3 构成网页的基本元素 列表 有序列表olli ol 属性 li内容/li li内容/li /ol 3.3 构成网页的基本元素 列表 无序列表ulli ul li内容/li li内容/li /ul 3.3 构成网页的基本元素 表格 table tr td内容/td td内容/td /tr tr td内容/td td内容/td /tr /table 3.3 构成网页的基本元素 3.3 构成网页的基本元素 3.3 构成网页的基本元素 3.3 构成网页的基本元素 3.3 构成网页的基本元素 3.3 构成网页的基本元素 表单form 表单元素 input type= name= 下拉列表框select select name= id= size= option内容/option option内容/option /select 3.3 构成网页的基本元素 3.3 构成网页的基本元素 3.7 分框(分帧) * * HTML标记是对整个文档属性的描述，即告诉浏览器HTML文档的开始与结束。 HEAD标记是对文档本身的描述，比如TITLE标记。 BODY标记是对整个文档的可见内容进行描述。 HTML HEAD TITLE文档的标题/TITLE /HEAD BODY 文档的内容部分。 /BODY /HTML center justify left right Img标记的属性 src 图片文件 alt 替代文字 align 对齐方式 height 高度 width 宽度 border 边界 ol属性： type 编号类型，如1，a，A，i，I start 开始编号 li属性 value 编号 ol type=1 start=3 liHTML/li liVBScript/li liASP/li /ol ul的属性： type 符号类型（square disk circle） ul type=square liHTML/li liASP/li /ul table border=1 tr td rowspan=2员工年薪(元)/td td colspan=2年终奖金(元)/td /tr tr td工作日lt;300/td td工作日gt;300/td /tr tr td30000/td td50000/td td80000/td /tr /table table border=5 cellpadding=5 cellspacing=5 bordercolor=green bgcolor=red tr td123/td td2/td td3/td /tr tr td4/td td5/td td6/td /tr /table input属性 text 文本框 password 密码框 checkbox 复选框 radio 单选按钮 submit 提交按钮 reset 复位按钮 file 选择文件 hidden 隐藏 button 按钮 form method=post action= input type=text name=username input type=submit value=递交 input type=reset value=重置 /form select name=list option valu