[经济学]第2章 HTML基础.ppt

第2章 HTML基础 2.1 HTML语言 2.2 HTML文档格式处理 2.3 文本风格处理 2.4 列表处理 2.5 加入多媒体与超级链接 2.6 制作表格 2.7 制作表单 2.8 框架结构 2.9 CSS基础 2.1 HTML语言 2.1.1 HTML概述 2.1.2 HTML文档的结构 2.1.3 制作HTML文件的步骤 2.1.1 HTML概述 HTML是Hyper Text Markup Language的缩写，直译为超文本标记语言，用来编辑万维网页面。HTML语言有2.0、3.0、3.2、4.0等几种版本，目前被广泛使用的是4.0版本。 HTML是一种纯文本语言，也就是说，HTML代码在运行时不用事先编译成为二进制代码，而是直接通过网页浏览器逐行解释执行。所以，HTML代码用一般的文本编辑器就可以编写，保存时只要把代码文件存为.htm或.html即可。 2.1.2 HTML文档的结构 1．HTML文档标记 格式：HTML…/HTML 标志文件开始和结尾的标记。 2.1.2 HTML文档的结构 HTML HEAD 标题部分 /HEAD BODY 正文部分 /BODY /HTML 2.1.2 HTML文档的结构 HTML HEAD TITLE这里显示标题信息/TITLE /HEAD BODY P这里是正文部分。/P /BODY /HTML 2.1.3 制作HTML文件的步骤 2.2 HTML文档格式处理 2.2.1 BODY属性 2.2.2 文档编辑风格 2.2.1 BODY属性 background属性:设置网页背景图片。 bgcolor 属性:设置网页背景。 bgproperties属性:设置背景是否随滚动。 link ，vlink， alink属性:设置超级链接。 leftmargin，topmargin属性 margingwidth，marginheight属性 2.2.2 文档编辑风格 2.3 文本风格处理 2.3.1 段落格式化 2.3.2 字符的格式化 2.3.1 段落格式化 1．强制换行标记符BR 2.3.1 段落格式化 5．水平线标记符HR 2.3.2 字符的格式化 size=size：设置文字的大小。 face=fontstyle：设置字体，如宋体、黑体、隶书等。 color=colorvalue：设置文字的颜色。 2.3.2 字符的格式化 B…/B，将字符设置成粗体。 I…/I，将字符设置成斜体。 U…/U，给字符增加下划线。 S…/S，给字符增加删除线。 TT…/TT，将字符设置成打字机字体。 SUP…/SUP，将字符设置成上标字体。 SUB…/SUB，将字符设置成下标字体。 2.3.2 字符的格式化 EM…/EM强调文字。 STRONG…/STRONG字体加重。 CODE…/CODE显示编程代码。 SAMP…/SAMP显示示例文字。 KBD…/KBD显示键盘按键文字。 SMALL…/SMALL缩小文字。 BIG…/BIG放大文字。 2.4 列表处理 2.4.1 定义列表 2.4.2 有序列表 2.4.3 无序列表 2.4.1 定义列表 定义列表格式为： DL DT…/DT DD…/DD DT…/DT DD…/DD … /DL 2.4.2 有序列表 所有列表项都用有序数字或有序字母在列表项的前面加上着重符号进行编号。 2.4.3 无序列表 列表项前面的着重符号没有进行编号。 其格式为： UL type=符号类型 LI type=符号类型…/LI LI type=符号类型…/LI … /UL 2.5 加入多媒体与超级链接 2.5.1 加入多媒体 2.5.2 加入超级链接 2.5.1 加入多媒体 图像一般以*.GIF（包括GIF动画）、*.JPEG、*.PNG格式的文件最为常见 插入图像标记符IMG。 src=URL alt=text align=alignstyle 2.5.1 加入多媒体 是在HTML代码中的HEAD…/HEAD之间加入背景音乐标记符BGSOUND。 2.5.1 加入多媒体 通过IMG标记符来加入视频。属性src的值与插入图像的不同。 2.5.1 加入多媒体 在HTML代码中的BODY…/BODY之间加入嵌入标记符EMBED…/EMBED，但是属性有所不同。 2.5.2 加入超级链接 在HTML中，通过标记符A…/A来加入超级链接。文字或图片作为超链接源。 2.6 制作表格 表格是在设计网页时经