建设网站的基础HTML语言.ppt

表单定义 下拉列表框 ：既可以设置为单选，也可以设置为复选。如： select name=fruit option value=apple 苹果 option value=orange 桔子 option value=mango 芒果 /select 如果要变成复选下拉列表框，只需加multiple即可。用户用Ctrl键来实现多选。 select name=fruit multiple 用户还可以设置size属性来改变下拉列表框的大小。 多行输入框 ：主要用于输入较长的文本信息。例如： textarea name=yoursuggest cols =50 rows = 3/textarea 4.3 CSS样式 HTML语言在很多方面存在着不足： （1）维护困难。 （2）标记不足。 （3）网页过“胖”。 （4）定位困难。 如：哀悼日网页的素装如何实现？ 4.3.1 CSS概述 CSS样式表的概念 CSS是Cascading Style Sheets（层叠样式表）的缩写，是一种用于控制网页样式的标记性语言。通过使用CSS样式，可将页面的内容与表现形式分离。 CSS样式表的特点 （1）CSS语言是一种标记语言，不需要编译，直接由浏览器解释执行。 （2）通过设置CSS样式，可以控制网页中文本的行间距、大小、颜色，统一网站的整体风格。 （3）CSS文件可以用任何文本工具进行开发。 （4）CSS不是取代HTML语言，而是HTML语言很好的补充，可以弥补HTML在网页格式化功能上的不足。 （5）通过单个CSS样式表可以控制多个文档的布局。 4.3.2 CSS样式类型 行内样式表（style属性） html head title行内样式示例/title /head body style=background-color: #FF0000; p这个页面是红色的/p /body /html 第4章建设网站的基础：HTML语言 《电子商务网站建设与管理 》配套课件 HTML常用标记 4.2 从HTML到XHTML 4.4 CSS样式 4.3 本章内容简介 什么是HTML 4.1 4.1 什么是HTML HTML的全称是Hyper Text Markup Language，即“超文本标记语言”，是一种用标记（也可称为标签）来描述网页文档结构和表现形式的语言 。 HTML语言并不是一种程序语言，只是包含一些标记的文本文件，这些标记告诉浏览器如何在网页页面上显示文字、表格、图片和超级链接等。 HTML文件可以使用记事本、FrontPage、Dreamweaver等任何文本编辑器编辑，编辑完毕后，保存为.htm或.html文件 4.1.1 从制作最简单的网页文件说起 html head title我的第一个网页文件/title /head body h2 align=center 我的主页/h2 欢迎光临我的主页。br 这是我的第一个网页文件。 /body /html 4.1.2 HTML文件的基本结构 html head 文档头部………… /head body 文档主体………… /body /html 头部信息不会显示在浏览器窗口中 主体内容显示在浏览器窗口中，即网页的正文内容 4.1.2 HTML文件的基本结构 1．文档头部 在head和/head之间的内容，是文档头部信息。尽管文档头部信息不显示在页面中，但仍然是非常重要的，它会告诉浏览器如何处理文档主体内的内容。 head title电子商务教学网站/title meta name=Keywords content=电子商务教学网站 meta name=Description content=这是一个电子商务专业师生交流的平台 meta http-equiv=Content-Type content=text/html; charset=gb2312 meta http-equiv=Refresh content=10 /head 用来设置网页的标题 定义关键字 定义网页的描述信息 说明文件的内容类型和语言编码方式 设置网页自动刷新的时间 2．文档主体 body有很多属性，用来设置网页背景、文字、页边距等。 如：body text=blue background=bg1.gif bgcolor=#ffffff leftmargin=2 topmargin=2 说明： text：用以设定文字