《基础语言html》由会员分享，可在线阅读，更多相关《基础语言html（36页珍藏版）》请在金锄头文库上搜索。
1、电子商务网站的基础语言 HTMLHTML 一个人的成功，关键在于要脚踏实地，一步一步地前进。一个网站的成功要从基础做起，才会慢慢发展壮大。 第 3 章Hao123的草根站长李兴平李兴平Hao123站长李兴平 第一节 HTML基础知识第二节 HTML的基本标记第三节 HTML与XHTML第三章 电子商务网站的基础语言HTML 第四节 HTML标记总表一、概述HTML是H Hypert text M Markup L Language的缩写，即超文本标记语言超文本标记语言，是WWW 的描述语言，是网页的“母语”。其扩展名是扩展名是htmlhtml或或htmhtm。HTML特点HTML不是程序设计语
2、言 HTML是网页制作的标准语言 设计时要对代码进行手动调整友情提醒：目前,除了HTML还有XML、XHTML，但HTML是最基础 的知识，是学习其它知识的必备基础，所以大家一定扎实学好 HTML。二、HTML组成01 02 03此处是网页的头部04 05 06 此处是网页的具体内容07 08HTML标记头 标 记主 体 标 记这里只有 三言两语这里却是 洋洋洒洒1、头标记 标记标记标记用于设置网页标题信息 用于在文档中嵌入样式表用来设置页面关键字、控 制页面缓存、刷新页面等 功能二、HTML组成 HTML教学网 1、头标记 二、HTML组成2、主体标记 标记功能格式 决定页面实际显示的内容
3、BgcolorBgcolor 设 置 背 景 色 彩 TextText 设 置 非 可 链 接 字 色linklink 可 链 接 文 字 的 色 彩 alinkalink 正 被 点 击 可 链 接 色 彩 VlinkVlink 已 点 击 可 链 接 色 彩 BackgroundBackground 设 置 页 面 背 景 图 像 我们见到的整个网 页中的内容全都在这 里面,所有页面的东东 全是bodybody的臣民友情提醒：网页中颜色的标识方法一般用十六进制表示，格式为 #rrggbb Rr 表示红色，gg表示绿色，bb表示蓝色。也可以使用颜色英文直 接表示，如red、green、blu
4、e、black、white、yellow等。二、HTML组成三、HTML代码规范1.每一个HTML文件由HTML标记开始，由/HTML标记结束；2.HTML不区分大小写；3所有标记都必须放在“标记中的属 性 属性用途用于设置表单的位置。左（left）右（right）居中（middle ）上（top）下（bottom)设置输入框名称输入数据类型，常见的数据类型有(1)text:单行文本 (2)textarea：多行文本(3)password：数据为密码，用星号 表示(4)checkbox：复选框(5)radio：单选按钮(6)submit： 提交按钮(7)reset：清除表单数据(8)butto
5、n：普通按钮 (9)file：插入文件(10)hidden：隐藏按钮(11)image：插入 图像用于设置输入默认值设置图像文件的地址选择框的默认选项设定最大输入字符数表示在点击后调用的子程序表示当前项被选择时调用的子程序表单及表单域常用标记 标记含义表单标记，用于定义表单开始与结束定义输入域定义文本域，即多行的输入控件定义表单内标签定义域定义域的标题定义选择列表定义选项组定义下拉列表中的选项定义按钮表单用法举例 图3-12 表单用法例1表单用法举例请输入你的姓名：!二、框架标记网框架也称多窗口网页，是指在同一浏览器中显示多个相互隔离的网页，网页画面被分成几个区块，每个区块显示一个网页每个区块
6、显示一个网页。利用框架可以在一个网页中浏览多个页面，还可以对网站建立总索引，通过单击索引区域中的超链接，与此对应的网页就会显示在另外一个区域中，非常直观。本质特点优点在同一浏览器中显示多个相互隔离的网页每个区块显示一个网页可以在一个网页中浏览多个页面； 可以对网站建立总索引； 通过单击索引区域中的超链接，与此对应的网页就会显示 在另外一个区域中，非常直观。二、框架的组成1、建立网页的框架结构，只要使用标记和设置即可2、所有框架标记都要放在一个总的html文件中，这个文件只记录了该框架是如何划分的，而不会显示任何其它的资料，所以不必放入 标记。标识每一窗口标记划分窗口，相当于在普通单窗口页面中的
7、地位二、框架标记cols和rows：决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表示。分割上下窗口用rows，也用百分比来设定； frameborder：设定各分窗口是否加边框；border:设定窗口边框的宽度；bordercolor:设定边框的颜色；framespacing：设定框架与框架间的保留空白的距离，默认值是0。框架常用标记(1)标记。如前所述，该标记是用来划分与标识每一个窗口，确定每个窗口的位置和大小的。其形式如下：.二、框架标记cols和rows：决定页面如何分割的两个参数。分割左右窗口用cols，各帧的左右宽度用占窗口宽度的百分比来表
8、示。分割上下窗口用rows，也用百分比来设定； frameborder：设定各分窗口是否加边框；border:设定窗口边框的宽度；bordercolor:设定边框的颜色；framespacing：设定框架与框架间的保留空白的距离，默认值是0。框架常用标记(1)标记。如前所述，该标记是用来划分与标识每一个窗口，确定每个窗口的位置和大小的。其形式如下：.第一节 HTML基础知识第二节 HTML的基本标记第三节 HTML与XHTML第三章 电子商务网站的基础语言HTML 第四节 HTML标记总表一、什么是XHTMLXHTML是The Extensible HyperText Markup Langu
9、age，即可扩展超文本可扩展超文本标识语言标识语言。HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的标识语言，XHTML是HTML的“升级规范”产品，其中“X“X“是代表可扩展的是代表可扩展的，是单词“extensible“的缩写。与HTML相比较，它具有更严格的书写标准、更好的跨有更严格的书写标准、更好的跨平台能力平台能力。二、从HTML到XHTML每个标记必须有结束标记标记区分大小写 必须合理嵌套 必须要有一个相应的结束标记 XHTML对大小写是敏感 嵌套必须是严格对称 属性必须用引号括起来 属性必须赋予一个值 不要在注释内容中使“-” 没有值的就重复本身 “-”只能发
10、生在注释的开头和结束 图片必须有说明文字 说明文字放在alt属性值中 属性值必须被加引号本章小结本章主要讲授了网页构成的“母语”HTML语言，从HTML语言的基础知识讲到HTML的组成，并以实际案例进一步剖析。在第二节中，对HTML的常用标记进行了表格化归纳，并对重点标记进行了实例讲解，对电子商务网站编程经常用到的、最关键的四大类标记表格、表单、链接、框架四大类标记表格、表单、链接、框架进行了细致的分析，尤其对HTML中表格的产生过程、表单的组成与提交方式、链接的几种方式、框架的构建做了详细的讲解。第三节则以HTML与XHTML的对比，拓展学生知识，适应未来网页技术发展的需要。第四节则表格的方式列出了所有标记，并对其含义进行了简要说明，供学生自学以及实际使用时查询。本章在高手点拔中，对网站中经常使用的技巧进行了归纳，将其代码做了详细列举。希望对提高HTML运用水平有较大帮助
