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

1、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

2、文件主体标记 格式：文件主体标记。 注意：与为独立的两个局部，不能互相嵌套。 1 HTML语言概述1.4 常用HTML编辑工具 任何一个文档编辑器都是HTML编辑器。为了减少网页设计师的工作设计了专用的网页编辑器，像Dreamweaver、FrontPage、CutePage、QuickSite等，是专门用来制作网页的，具有所见即所得的功能。2 文本的格式与风格 2.1 设置的属性 1属性概述 background属性 bgcolor 属性bgproperties属性 link ，vlink， alink属性Leftmargin，topmargin属性Margingwidth，marginhe

3、ight属性2 文本的格式与风格2.2 段落格式化 1标题标记格式：，设置各种大小不同标题的标记。2段落标记格式：设置段落标记。 2.2 文本的格式与风格4分区显示标记格式：分区显示标记。5词标记这种标记有两种：和格式：强制进行换行标记。 格式：插入水平线标记。 6注释标记格式：注释标记。 2 文本的格式与风格2.4 建立列表 1有序列表格式： 功能：建立有序列表。 2.2 文本的格式与风格2无序列表格式： 功能：建立无序列表。 2 文本的格式与风格2.5 字符的格式化 1字体设置标记格式：功能：设置字体格式标记。标记提供了几种属性 ：size：设置文字的大小。face：设置字体。color：

4、设置文字的颜色。2 文本的格式与风格其他标记格式功能给字符加下划线给字符上加横线，表示删除给字符加粗将字符设置成斜体标记使得其中的文字产生闪烁的效果3 参加多媒体与超级链接 3.1 参加图像 图像在网页设计中是必不可少的，所以用户应掌握在网页中操作图像的方法。 格式： 功能：在网页中参加图像、视频、动画等。 3 参加多媒体与超级链接标记属性功能src =URL通过URL给出图像来源的位置，不可缺省width=size设置图像宽度height =size设置图像高度alt= txt设置在图像未载入前图片位置显示的文字border= size设置图像边框，缺省为0align=alignstyle设

5、置对齐方式。取值为：top，middle，bottom，aleft，righthspace=size设置图片左右边沿空白vspace=size设置图片上下边沿空白1插入图像 3 参加多媒体与超级链接3.2 参加超级链接格式： 标记属性功能href=URL给定链接目标的位置target=frametarget设置显示链接目标的框架accesskey=character设置快捷键tabindex=num设置Tab键的顺序rel=linktype设置到链接的关系4 制作表格 4.1 建立表格创立表格是规划页面最常用的方法。格式：功能：创立表格进行页面设计。 在浏览器中显示时，表格的整体外观由标记的属

6、性决定 。4 制作表格标记属性功能border=size设置表格边框大小width= size设置表格的宽度height=size设置表格的高度cellspacing=size设置单元格间距cellpadding =size设置单元格的填充距background =URL设置表格背景图片bgcolor =colorvalue设置表格背景色align=alignstyle设置对齐方式cols =size设置表格的列数4 制作表格4.2 定制表格使用只是定义空表格，还需要定义行和单元格。格式：功能：定义表格的一行。对于每一行，可以定义行属性 4 制作表格标记属性功能bgcolor=colorval

7、ue设置行背景颜色。align=alignstyle设置行对齐方式。valign=valignstyle设置单元格垂直对齐方式。行属性：4 制作表格单元格属性：标记属性功能bgcolor=colorvalue设置单元格背景颜色rowspan=num设置单元格所占的行数colspan =num设置单元格所占的列数align =alignstyle设置对齐方式valign =valignstyle设置单元格垂直对齐方式width =size设置单元格宽度height=size设置单元格高度5 制作表单 5.1 表单的结构 格式：定义表单。 标记属性功能action= URL设置处理表单的程序met

8、hod=postmethod设置发送表单的HTTP方法enctype=contenttype设置发送表单的内容属性onsubmit= script设置被发送事件target=frametarget设置显示表单内容的窗口accept-charset=cdata设置可支持的字符列表5 制作表单5.2 FORM中常用的标记 1输入域1单行输入域 1text类型 2password类型 3radio类型 4checkbox类型5submit类型 6reset类型 7hidden类型 5 制作表单2多行输入域标记标记属性功能name=cdata设置FORM提交的输入信息的名称rows=num设置文本域的

9、行数cols= num设置文本域的列数tabindex=num设置tab键的次序5 制作表单2按钮 标记属性功能name=cdata设置已发送表单的关键字。value=cdata设置已发送表单的值。type= buttontype设置按钮的类型。tabindex=num设置tab键的次序。6 框架结构 6.1 框架结构的文件格式 注意：在老版本的浏览器 可能不支持框架结构。 6 框架结构6.2 框架结构标记的使用 格式：标记属性功能rows=size设置多重框架的高度cols =size设置多重框架的宽度onload=script设置框架被载入的事件onunload=script 设置框架被卸

10、载的事件6 框架结构6.3 FRAME标记 标记属性功能src=URL设置要链接到的HTML文件name=framename表示子窗口的名字marginwidth=size用来控制显示内容和窗口左右边界的距离，默认为1marginheight= size用来控制显示内容和窗口上下边界的距离，默认为1scrolling=scrollingstyle指定子窗口是否使用滚动条，有YES/NO/AUTO三个值，默认AUTO，即根据窗口内容决定是否有滚动条noresize使用该属性后，指定窗口不能调整窗口大小6 框架结构6.4 TARGET属性的使用三种常见的用法：1用于A标记 2用于BASE标记 3用于FORM标记 7 CSS根底 7.1 CSS样式简介CSS是Cascading Style Sheet的简称，常译为“级联样式表或“层叠格式页等。它是HTML技术的扩展，属于动态HTML的重要内容，用于控制HTML标记的显示格式。使用CSS控制格式有两种方法：在线格式和全局格式