助理电子商务师 网络部分-5-htm l基础【实用资料】

1 HTML语言概述,1.1 HTML概述 HTML是（Hyper Text Markup Language，超文本标记语言）的缩写，用来表示网上信息的符号标记语言。 HTML最早源于SGML语言 .HTML语言内容丰富，从功能上大体可分为：文本结构设置列表建立文本属性制定超链接图片和多媒体插入表格以及窗体的操作。,1 HTML语言概述,1.2 HTML文档的结构包括HEAD、TITLE、BODY三部分，下面是基本结构： 标题部分 正文部分 ,1 HTML语言概述,1.3 HTML标记 1HTML文档标记 格式：标志文件开始和结尾的标记。 2HTML文件头标记 格式：用于包含文件的基本信息。 3HTML文件主体标记 格式：文件主体标记。 注意：与为独立的两个部分，不能互相嵌套。,1 HTML语言概述,1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。为了减少网页设计师的工作设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。,2 文本的格式与风格,2.1 设置的属性 1属性概述 background属性 bgcolor 属性bgproperties属性 link ，vlink， alink属性Leftmargin，topmargin属性Margingwidth，marginheight属性,2 文本的格式与风格,2.2 段落格式化 1标题标记格式：，设置各种大小不同标题的标记。2段落标记格式：设置段落标记。,2.2 文本的格式与风格,4分区显示标记格式：分区显示标记。5词标记这种标记有两种：和格式：强制进行换行标记。 格式：插入水平线标记。 6注释标记格式：注释标记。,2 文本的格式与风格,2.4 建立列表 1有序列表格式： 功能：建立有序列表。,2.2 文本的格式与风格,2无序列表格式： 功能：建立无序列表。,2 文本的格式与风格,2.5 字符的格式化 1字体设置标记格式：功能：设置字体格式标记。标记提供了几种属性 ：size：设置文字的大小。face：设置字体。color：设置文字的颜色。,2 文本的格式与风格,3 加入多媒体与超级链接,3.1 加入图像 图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。 格式： 功能：在网页中加入图像、视频、动画等。,3 加入多媒体与超级链接,1插入图像,3 加入多媒体与超级链接,3.2 加入超级链接格式：,4 制作表格,4.1 建立表格创建表格是规划页面最常用的方法。格式：功能：创建表格进行页面设计。 在浏览器中显示时，表格的整体外观由标记的属性决定 。,4 制作表格,4 制作表格,4.2 定制表格使用只是定义空表格，还需要定义行和单元格。格式：功能：定义表格的一行。对于每一行，可以定义行属性,4 制作表格,行属性：,4 制作表格,单元格属性：,5 制作表单,5.1 表单的结构 格式：定义表单。,5 制作表单,5.2 FORM中常用的标记 1输入域（1）单行输入域 1）text类型 2）password类型 3）radio类型 4）checkbox类型5）submit类型 6）reset类型 7）hidden类型,5 制作表单,（2）多行输入域标记,5 制作表单,2按钮 ,6 框架结构,6.1 框架结构的文件格式 注意：在老版本的浏览器 可能不支持框架结构。 ,6 框架结构,6.2 框架结构标记的使用 格式：,6 框架结构,6.3 FRAME标记,6 框架结构,6.4 TARGET属性的使用三种常见的用法：1用于A标记 2用于BASE标记 3用于FORM标记,7 CSS基础,7.1 CSS样式简介CSS是Cascading Style Sheet的简称，常译为“级联样式表”或“层叠格式页”等。它是HTML技术的扩展，属于动态HTML的重要内容，用于控制HTML标记的显示格式。使用CSS控制格式有两种方法：在线格式和全局格式。,7 CSS基础,CSS控制格式的方法：在线格式，控制单独的某一个标记的格式，具体的方法是在该标记中使用Style参数，例如“”将使该段落标记内的文字以