预览加载中，请您耐心等待几秒...

html网页设计教程(推荐).ppt

预览
1/10
2/10
3/10
4/10
5/10
6/10
7/10
8/10
9/10
10/10

亲，该文档总共127页，到这已经超出免费预览范围，如果喜欢就直接下载吧～

下载提示 文本预览

如果您无法下载资料，请参考说明：

1、部分资料下载需要金币，请确保您的账户上有足够的金币

2、已购买过的文档，再次下载不重复扣费

3、资料包下载后请先用软件解压，在使用对应软件打开

HTML网页设计教程Html的概念如何创建一个HTML文档HTML文档的基本结构如何保存和编辑html文件Meta标签<Title>标签<title>无标题文档</title></head><body></body></html>html的主体标签<body><body>标签的属性颜色的设定颜色的设定（2）文字版面的编辑段落标签<p>及属性<P>标签的属性居中对齐标签center水平分隔线标签<hr><hr>标签的属性文字的设置标题字标记Hn的对齐属性字体标记<font>文字的修饰标记文字的修饰标记(2)特殊符号注释标记建立列表在html页面中，合理的使用列表标签可以起到提纲和格式排序文件的作用。列表分为两类，一是无序列表，一是有序列表。无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标签，在各条列前面均有一符号以示区隔。有序条列就是指各条列之间是有顺序的，比如从1、2、3…一直延伸下去。无序列表<UL><body>颜色<ultype=“square”><li>红色<li>绿色<li>蓝色<li>紫色</ul></body></html>格式1:<UL><LI>第一项<LI>第二项<LI>第三项</UL>格式2<ul><litype=disc>第一项<litype=circle>第二项<litype=square>第三项</ul>有序列表<OL>顺序编号的设置是由<ol>的两个属性type和start来完成的。start=n开始的数字，如start=2则编号从2开始，如果从1开始可以省略，或是在<li>标签中设定value＝“n”改变列表行项目的特定编号，例如<livalue=“7”>。type=用于编号的数字,字母等的类型，如type=a，则编号用英文字母。为了使用这些属性，把它们放在<ol>或<li>的初始标签中。type类型描述type=1表示列表项目用数字标号（1,2,3...）,默认值type=A表示列表项目用大写字母标号（A,B,C...）type=a表示列表项目用小写字母标号（a,b,c...）type=I表示列表项目用大写罗马数字标号（Ⅰ,Ⅱ,Ⅲ...）type=i表示列表项目用小写罗马数字标号（i,ii,iii...）定义列表<DL>/<DT>/<DD>示例建立超链接关于超链接建立超链接的标签<A>和</A>建立目标窗口的属性链接路径路径可以分以下三种1、绝对路径2、相对路径相对路径分三种情形如果链接到同一目录下，则只需输入要链接文件的名称。要链接到下级目录中的文件。需先输入目录名，然后加“\"，再输入文件名。要链接到上一级目录中文件，则先输入"..\"，再输入文件名。相对路径的用法相对路径的具体的链接方法当前页面被链接页面超链接2-1.html3-1.html<ahref="3-1.html">超链接元素</a>3-1.html1-1.html<ahref="asm/1-1.html">超链接元素</a>sy.html1-1.html<ahref="ssm/asm/1-1.html">超链接元素</a>2-1.htmlsy.html<ahref="../sy.html">超链接元素</a>1-1.htmlsy.html<ahref="../../sy.html">超链接元素</a>sy.html2-1.html<ahref="ssm/2-1.html">超链接元素</a>3、根路径链接本地机器上的文件时，应该使用相对路径还是根路径？超链接的应用--书签链接书签链接在站点内部建立链接外部链接URL外链部接格式链接其它站点发送E-mail例图片的插入图片的格式插入图片标记<Img>Border：默认图片无边框。可用此属性设置边框线的宽度，单位为像素。Vspace：图像的垂直间距。指图像垂直方向上和文字的距离。Hspace：图像的水平间距。指图像水平方向上和文字的距离。图片的超链接图像映射图像映射标记图像映射例子图像映射标记图像映射标记TABLE表格本节主要内容制作表格基本语法<Table>标签的属性<Table>标签的属性行标签<tr>的属性单元格标签<td>（<th>)的属性表格标题和表头标签表头标签Rowspan和Colspan的用法表格实例表单的设计本节主要内容表单(FORM)标记表单标记基本语法Method方法<Form>内的标记写入标记<input><Input>标记Type属性值文字域Text密码域Password文件域File复选框Checkbox单选框Radio普通按钮Button提交按钮Submit重置按钮Reset图像域Image隐藏域Hidden菜单和列表标记菜单和列表标记说明：Size:显示的选项数目Multiple:列表中的项目多选Value:选项值Sel