HTML网页制作教程.pptVIP

网页制作基础：HTML Contents Hot Tip 认识HTML语言： HTML(HyperTextMarkupLanguage) 超文本标记语言。 是INTERNET上用于编写网页的主要语言 不是一种程序，而只是控制网页内容显示的标记语言。即告诉浏览器如何正确显示信息。 后缀名：html,htm 编写工具：记事本, Dreamweaver,and so on . 来看实例 Cycle Diagram HTML文档结构 来看实例 格式标签 格式标签：控制网页显示的格式 换行标签br 作用：相当于我们word办公中的回车符； 段落标签p 作用：创建一个段落； 空格符：nbsp 作用：产生一个空格； 看实例 字体属性标签 标题文字标签：hn 作用：设置不同级别的标题；注意标题总是从新一行开始的； 文字格式控制标签font 作用：控制网页中文字的字体、大小和颜色； 文字样式标签： 粗体标签b 斜体标签i 下划线标签u 水平线标签hr 看实例 图像标签 img 作用：在网页中插入一个图片 换行标签br 作用：相当于我们word办公中的回车符； 段落标签p 作用：创建一个段落； 空格符：nbsp 作用：产生一个空格； 看实例 页面（PAGE）标记（TAG） HTML 文件主要结构html head title网页的标题/title /head body 。。。正文。。。 /body/html 两个最基本的属性代码:宽 width 高 height 大小 size 语言字符集（charsets） meta http-equiv=“Content-Type” content=“text/html;charset=#”“#”处填写的是语言的类型，如一般中国大陆基本上汉字用的是国标编码，则为 gb2312 ；而港台地区则是big5 ；美国则为us-ascii 。 注意：我们在做模板时，如果找的是一些韩国网站，则出现的是META HTTP-EQUIV=“content-type” content=“text/html; charset=euc-kr” 如果你不修改此处为gb2312，则会页面出乱！ 背景色彩与背景图片 设置背景色彩 ( bgcolor )一般可以放在页面的任何需要背景的地方。如页面背景，表格背景，单元格背景，CSS样式背景等等。 设置背景图片 ( background )同上，可以放在任何需要背景的地方。注意：当在对同一个对象既定义了背景色彩又定义了背景图片时，最终这个对象显示的结果则是显示背景图片。 背景色彩与背景图片 语法格式：bgcolor=#ff4400色彩是用 16 进制的 红－绿－蓝(red-green-blue, RGB) 值来表示。16 进制的数码有: 0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f. background= image-URL“例如：body background=image-URL 页面空白 (Margin) 页面左边的空白 body leftmargin=…页面上方的空白body topmargin=…“…” 这里写数值 合起来写时就是 body leftmargin=2 topmargin=5和以前学的背景知识联系到一起，我们可以写出如下代码： body leftmargin=2 topmargin=5 background=“Img-URL” 标尺线hr 即为布局而提供的一种直线可以为标尺线设定大小、宽高、颜色、对齐方式等。如: hr size=3 hr width=25 hr color=red 表格（Table）标记（TAG） 基本语法： table.../table 定义表格tr 定义表行th 定义表头td 定义表元(表格的具体数据)一个表格的大致代码：table border=1 width=170 height=100 cellspacing=10 cellpadding=10 trthTitleA/ththTitleB/ththTitleC/th /trtrtdA/tdtdB/tdtdC/td/tr/table 效果图片见下页 表格内文字的对齐/布局 tr align=# th align=# #=left, center, right td align=# table tr thFood/th thDrink/t