网页制作html基础知识

上传人:san****019 文档编号:70822675 上传时间:2019-01-18 格式:PPT 页数:26 大小:535.81KB
返回 下载 相关 举报
网页制作html基础知识_第1页
第1页 / 共26页
网页制作html基础知识_第2页
第2页 / 共26页
网页制作html基础知识_第3页
第3页 / 共26页
网页制作html基础知识_第4页
第4页 / 共26页
网页制作html基础知识_第5页
第5页 / 共26页
点击查看更多>>
资源描述

《网页制作html基础知识》由会员分享,可在线阅读,更多相关《网页制作html基础知识(26页珍藏版)》请在金锄头文库上搜索。

1、网页制作,信息技术学院 郑义,HTML概述,HTML( Hyper Text Markup Language,超文本标记语言 ) HTML标记都是由“”围起来的,比如:、 在标记前添加“/”表示终止标记,比如:、 标记和终止标记中间的内容受标记控制,2,一个简单的HTML文件, 这里是标题 ,3,一个简单的HTML文件(续), 欢迎光临 ,4,在浏览器中的效果,5,段落标记,段落的开始用标记 段落的结束用标记,可以省略 有一个属性align,表示对齐方式,有以下可选值: center right left(默认值),6,这是居中的文字 这是居右的文字 这是居左的文字,文字标记, 有三个属性值

2、face:字体(默认是“宋体”) size:字号(默认是3) color:颜色(默认是黑色),7,红色二号宋体 绿色四号楷体 蓝色五号仿宋,文字标记(续),加粗字体 倾斜字体 加上下划线的字体 上标字体 下标字体 加上删除线的字体,8,文字标记的组合使用,红色四号仿宋加粗字体倾斜字体 最近的标记起作用,9,超链接标记, 属性值如下: href:超链接地址、文件路径、邮件地址、# target:打开超链接的窗口,有如下参数 _blank:在新窗口打开链接 _parent:在当前窗口的上一级窗口打开链接 _self:在当前窗口中打开 _top:在整个浏览器窗口中打开 title:当鼠标移到链接上显

3、示的说明文字,10,链接的例子,在新窗口打开字体页面 点击给我发邮件,11,图像标记,,有如下属性值: src:图像文件的路径 align:对齐方式 border:边框 width、height:图像的宽和高,不指定则显示默认大小,指定一个值则另一个按比例变化 alt:鼠标移动到图像上时显示的文本,12,图像标记(续),13,表格标记,14,表格标记(续一),有如下属性: align:对齐方式 bgcolor:表格背景色 background:表格背景图片 border:边框宽度,默认为0 bordercolor:边框颜色 bordercolorlight:边框明亮部分的颜色 borderco

4、lordark:边框昏暗部分的颜色 cellspacing:表格格子之间空间的大小 cellpadding:表格格子边框与中间内容的距离 width、height:表格的宽度、高度,15,表格标记(续二),有如下主要属性: align:水平对齐方式 valign:垂直对齐方式 height:行高 bgcolor:表格背景色 bordercolor:边框颜色 bordercolorlight:边框明亮部分的颜色 bordercolordark:边框昏暗部分的颜色,16,表格标记(续三),有如下主要属性: align、valign:水平、垂直对齐方式 background:背景图片 width、h

5、eight:列宽 bgcolor:表格背景色 bordercolor:边框颜色 bordercolorlight:边框明亮部分的颜色 bordercolordark:边框昏暗部分的颜色,17,框架标记,18,框架标记(续一),有如下属性值: rows、cols:宽度、高度 framespacing:框架间的距离 frameborder:框架间的边框 bordercolor:边框颜色 注意:后三个参数在设置得时候要整体考虑,19,框架标记(续二),有如下属性值: src:默认在框架中显示的页面 name:框架名称 scrolling:是否添加滚动条 noresize:是否允许改变大小 borde

6、rcolor:框架边框颜色,要与框架边框、间距等属性配合使用,20,表单标记-form,表单一般包括说明性文字、填写的表格、提交按钮、重填按钮等内容 表单都是以开始,以结束,21,表单标记form(续),有以下属性: action:处理该表单的程序文件 method:该表单的传送方式,有post(将所有信息当做一个表单传递给服务器)和get(将表单信息附在URL地址后面传送) name:表单的名称,22,表单标记-input,用来表示:单行输入文本域、单选按钮、复选框、按钮等表单元素 有以下属性值: name:表单元素名称 type:表单元素类型 size:单行文本与的长度 maxlength

7、:单行文本可输入的最大字符数 value:默认值 checked:默认选中,23,表单标记input(续),type元素类型有以下值: text:单行文本域 password:密码域,以*显示 radio:单选按钮 checkbox:复选框 submit:提交按钮 reset:重置按钮 image:图像域,用src指定图像域的来源 hidden:隐藏文本域,用来传递消息,24,表单标记-select,与合用,用来定义一个列表、菜单 有以下属性值: name:表单元素名称 size:显示的条数 multiple:若加入该属性,可以按住ctrl多选 有以下属性值: value:传送到服务器的实际值 selected:若加入该属性,表示默认选中,25,表单标记-textarea,用于定义一个多行文本域 有以下属性值: name:表单元素名称 rows:多行文本域的行数 cols:多行文本域的列数,26,

展开阅读全文
相关资源
相关搜索

当前位置:首页 > 高等教育 > 大学课件

电脑版 |金锄头文库版权所有
经营许可证:蜀ICP备13022795号 | 川公网安备 51140202000112号