HTML网页制作教程.ppt
文本预览下载声明
网页制作基础: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
显示全部