《网页制作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,
