样本文案讨论稿

HTML基础东软信息学院内容简介HTML基础HTML简介HTML编辑和运行环境HTML基本结构和主要内容标签讲解文本标签超链接列表图像表格框架表单完整实例2HTML简介HTMLHypertextMarkupLanguage超文本标记语言文档布局：告诉浏览器如何显示文档内容，如文本、图像和其它媒体超文本链接：可以把文档与其它互联网资源连接起来XMLExtensibleMarkupLanguage可扩展标记语言W3C为了满足处理其它类似HTML文档的需求而定义的标记语言是独立而正式的标记元语言XHTML一个HTML的重写版本为了使XML与HTML相兼容3HTML的编辑和运行环境HTML的编辑环境所见及所得的编辑器，如：Dreamweaver、FrontPage文本编辑工具，如：记事本、EditPlusHTML的运行环境浏览器InternetExplorer6FireFox1.5由于各浏览器对HTML的支持有差别，所以尽量避免使用非规范的HTML标记4HTML文档的结构最外层是htmlhead页面头部title页面标题body页面主体<html><head><title>html示例</title></head><body>这是一个HTML的文件。</body></html>5HTML文档的主要内容标签放在<和>之间标签可以有属性大多数标签影响文档中的一个独立部分，从开始标签到结束标签有的标签没有结束标签举例<ahref="http://">东软教育在线</a><br>注释<!--注释内容-->注释不会在浏览器中显示出来文本不是标签也不是注释，就一定是文本了就是在浏览器中显示给读者的那一部分6HTML文档中的多媒体元素我们在网上看到或听到的图像、视频、Flash等多媒体元素不是HTML文档的一部分这些多媒体数据与HTML文档分开保存通过特殊的标签把这些多媒体元素的引用包括在文档中浏览器利用引用加载这些元素，并把它们与文本集成在一起7特殊文本字符有特殊意义的字符用于纯文本时键盘无法输入的字符

字符实体 表示的内容

 ；

不断行的空格

<； < >； > &； & "； " ©； ©

8浏览器对空白的处理除特殊情况外例如<pre></pre>中包括的内容浏览器忽略开头和结尾的空格换行缩进连续的空格、换行、缩进只保留一个<p>这是一个HTML的 文件。</p>这是一个HTML的文件。9与文本相关的标签与文本相关的标签是HTML语言中最丰富的一部分用于外观<b>粗体</b><i>斜体</i><em>强调</em>用于结构<div>division部分</div><p>paragraph段落</p><br>linebreak换行<h1>标题1</h1><hr>水平分隔线<pre>预格式化文本</pre>10超链接什么是超链接点击某个图标或某段文字，就可以自动连到相对应的文件。超链接的使用用<a></a>标签来创建href属性：<a></a>标签中的属性，用于指定链接目的地，参数值可以是任何有效的URI，包括相对的和绝对的URL，也可以是JavaScript语句。超链接举例<ahref="http://">东软教育在线</a><ahref="5/data.zip">下载</a><ahref="course_list.action">课程列表</a><ahref="javascript:history.go(-1)">返回</a>11图像标签<img>允许将外部图像文件（JPEG、GIF、PNG等格式）嵌入文档<img>

标签的常见属性src

指定图像文件的URL，此属性是必需写的id

指定包含嵌入的图像文件的名称。width

所插入的图像的宽度height

所插入的图像的高度align

指定文本字段中嵌入图像的水平对齐alt

不显示图像时的替代文本border

图像外边框大小<img

src="1.jpg"width="400px"height="300px"border="0"alt="范例图片">12列表主要分为无序（unordered）列表和有序（ordered）列表用<ul></ul>或<ol></ol>来定义边界列表中的项目用<li></li>进行标记列表可以嵌套<ul><li>这是一个无序列表</li><li>下面是内部的一个有序列表</li><ol><li>列表项A</li><li>列表项B</li><li>列表项C</li></ol><li>列表结束</li></ul>13表格表格标签主要包含下列几项<table>表格标签<tr>行标签<td>单元格标签<th>表头标签<td>或<th>的属性colspan

跨列rowspan

跨行<tableborder="1"><tr><th>姓名</th><th>邮件</th></tr><tr><td>张明</td><td>zhangming@</td></tr><tr><td>王芳</td><td>wangfang@</td></tr><tr><tdcolspan="2"align="center">共2人</td></tr></table>14框架框架允许我们把浏览器分割成多个不同的显示区域，每个区域显示不同的文档定义框架使用<frameset>标签替代<body>标签在<frameset>标签内使用<frame>标签指向具体的文档<framesetcols="150,*"><framename="contents"src="page_1.html"><framename="main"src="page_2.html"></frameset>page_1.htmlpage_2.html15表单通过<form>和</form>标签，可以在文档中界定表单区域表单允许用户输入数据，然后发送给服务器服务器处理表单后做出响应表单组成部分文本框密码框单选按钮复选框下拉列表文本区域按钮隐藏字段16表单元素介绍1姓名：<inputtype="text"name="userName">文本框密码：<inputtype="password"name="passwd">密码框性别：<inputtype="radio"name="sex"value="1">男

<inputtype="radio"name="sex"value="0">女单选按钮爱好：<inputtype="checkbox"name="hobby"value="1">读书<inputtype="checkbox"name="hobby"value="2">音乐<inputtype="checkbox"name="hobby"value="3">运动复选框17表单元素介绍2学历：<selectname="degree"><optionvalue="">--请选择--</option><optionvalue="1">专科</option><optionvalue="2">本科</option><optionvalue="3">硕士</option><optionvalue="4">博士及以上</option></select>下拉列表备注：<textareaname="comment"rows="5"cols="30"></textarea>文字区域<inputtype="su