首页 HTML网页制作教程

HTML网页制作教程

举报
开通vip

HTML网页制作教程null网页制作基础:HTML网页制作基础:HTMLContentsContents小结HTML中常用的特效常用的HTML标签HTML文档结构认识HTML语言Hot TipHot Tip认识HTML语言: HTML(HyperTextMarkupLanguage) 超文本标记语言。 是INTERNET上用于编写网页的主要语言 不是一种程序,而只是控制网页内容显示的标记语言。即告诉浏览器如何正确显示信息。 后缀名:html,htm 编写工具:记事本, Dreamweaver,and so on . 来看实例来看实例...

HTML网页制作教程
null网页制作基础:HTML网页制作基础:HTMLContentsContents小结HTML中常用的特效常用的HTML标签HTML文档结构认识HTML语言Hot TipHot Tip认识HTML语言: HTML(HyperTextMarkupLanguage) 超文本标记语言。 是INTERNET上用于编写网页的主要语言 不是一种程序,而只是控制网页 内容 财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容 显示的标记语言。即告诉浏览器如何正确显示信息。 后缀名:html,htm 编写工具:记事本, Dreamweaver,and so on . 来看实例来看实例代码修改HTML 页面显示 Cycle Diagram Cycle DiagramHTML文档结构HTML文档结构null来看实例来看实例格式标签 字体属性标签 图片标签 关于同志近三年现实表现材料材料类招标技术评分表图表与交易pdf视力表打印pdf用图表说话 pdf 格标签 表单标签HTML常用标签 其他补充格式标签格式标签格式标签:控制网页显示的格式 换行标签
作用:相当于我们word办公中的回车符; 段落标签

作用:创建一个段落; 空格符:  作用:产生一个空格; 看实例字体属性标签字体属性标签标题文字标签: 作用:设置不同级别的标题;注意标题总是从新一行开始的; 文字格式控制标签 作用:控制网页中文字的字体、大小和颜色; 文字样式标签: 粗体标签 斜体标签 下划线标签 水平线标签


看实例图像标签 图像标签 作用:在网页中插入一个图片 换行标签
作用:相当于我们word办公中的回车符; 段落标签

作用:创建一个段落; 空格符:  作用:产生一个空格; 看实例页面(PAGE)标记(TAG)页面(PAGE)标记(TAG)HTML 文件主要结构 网页的标题 。。。正文。。。 两个最基本的属性代码:宽 width 高 height 大小 size 语言字符集(charsets)语言字符集(charsets) “#”处填写的是语言的类型,如一般中国大陆基本上汉字用的是国标编码,则为 gb2312 ;而港台地区则是big5 ;美国则为us-ascii 。 注意:我们在做 模板 个人简介word模板免费下载关于员工迟到处罚通告模板康奈尔office模板下载康奈尔 笔记本 模板 下载软件方案模板免费下载 时,如果找的是一些韩国网站,则出现的是 如果你不修改此处为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“ 例如:页面空白 (Margin)页面空白 (Margin)页面左边的空白 页面上方的空白 “…” 这里写数值 合起来写时就是 和以前学的背景知识联系到一起,我们可以写出如下代码: 标尺线


-------即为布局而提供的一种直线 可以为标尺线设定大小、宽高、颜色、对齐方式等。 如:


表格(Table)标记(TAG)表格(Table)标记(TAG)基本语法: ...
定义表格 定义表行 定义表头 定义表元(表格的具体数据) 一个表格的大致代码:
TitleATitleBTitleC
ABC
效果图片见下页 nullBorder 是表格的边框属性,在 关于书的成语关于读书的排比句社区图书漂流公约怎么写关于读书的小报汉书pdf 写的时候直接写border=某个数值 cellspacing 是单元格间隙的大小。 cellpadding 是单元格内部空白部分的大小 cellspacing=10 的效果图 cellpadding=10的效果图 cellspacing=0 的效果图 cellpadding=0 表格内文字的对齐/布局表格内文字的对齐/布局 #=left, center, right
Food DrinkSweet
A B C
表格进阶表格进阶5.3.1 表格的色彩 单元格的背景色彩和背景图象 5.3.2 表格边框的色彩 例如:
5.3.3 表格边框色彩的亮度控制
表格中边框的显示表格中边框的显示显示上边框
FoodDrinkSweet
ABC
DEF
只显示下边框 同理,只显示上、下边框
只显示左、右边框
null只显示左边框
只显示右边框
不显示任何边框
总结:以上课程从表格的基础到表格的 进一步深入,都体现了HTML的全面和强大。 表 单表 单如右图,这里“用户登陆”的功能就用到了“表单”的传递。可以说,任何网站的页面都离不开表单的应用,尤其是动态网页对表单的运用越来越广泛,因此,在这里我们有了解和学习表单的必要性。基本语法基本语法表单的基本语法 关于action,它是表示表单要提交到哪里 ,后面写上路径,一般是提交到一个核对密码与用户名的ASP页面 ... *=GET, POST 这里*号可以是GET,也可以是POST GET是从别的页面获取信息传到本表单,而POST则是将本表单填写的内容传送给别的页面。两者是截然相反的过程。 表单中提供给用户的输入形式 *=text, password, textarea, radio, image, hidden, submit, reset 这里需要 注意的type和name两个属性。Type是表示“类型”,如text则表示是个文本输入框,password表示的是密码输入框,textarea表示的是文本区(记事本留言经常用到)。其他的一些就不一一解释了,这里还有两个比较重要的类型就是submit和reset , submit表示“提交”,reset表示“重置”即“清空”。 name属性则是给表单的具体的这个控件一个名字,比如给密码框这个控件设置成 这样在传递给别的页面的时候,这样别的页面就会知道知道你叫什么名字(“PW”),由你的名字就很容易找到你这个控件的type,原来你是密码框。这样就完成了别的页面对你本身所载信息(用户的密码)的识别。文字输入和密码输入文字输入和密码输入 value这个属性表示的是在这个文本框中显示的默认的值。 我们看下面这个例子: 您的姓名:
br代表是换行,它是单个码 您的主页的网址:
密码:
在这里,对分析这段代码,你的脑中就要 象我这样思维,这是我教的一种科学的方 法。不管是任何时候,对于表单,这样分 析,你都是最清楚最明白也是最科学的。 我的分析如下:action=user.asp表示此表单与user.asp建立了连接关系,到底是提交过去还是从那边获取信息,method=POST告诉了我们是把本表单填写信息提交给user.asp 。 接下来是输入姓名的文本框,再下一行是输入主页网址的文本框并且已经写好了http://(这里是把它写入value作为默认值) 。再下一行是填写密码的密码框,最后一行则是“发送”与“重设”按钮 “发送”你可以改成“确认”,效果是一样的。点击“发送”则表单就开始提交。需要注意的是:“发送”按钮这里的type一定要写成submit(英文的提交)否则整个表单无法提交。关于文本框的大小长度你可以设置size和maxlength.关于文本框的大小长度你可以设置size和maxlength.size是你在页面看到的文本框的大小,而maxlength则是这个文本框可以填写的最多字符数。 5.4.3 复选框(Checkbox) 和 单选框(Radio) 什么是复选框?复选框就是可以多选的选择框。(如右图) 复选框的type类型是checkbox, checked表示默认选中的 null选项。 我们看下面的例子: Banana

Apple

Orange

…… 注意:在这个截图中我没有给出“确认”和“重设”按钮,大家不要以为用复选框不需要按钮。这两个按钮是实现表单功能的重要保证,和这个表单的内容到底是文本框还是复选框还是其他等等,都没有关系,只要这是一个表单,就必须要用这两个按钮。这是新手容易混淆的地方! 另外说明的是p表示新建段落。它和br一样,也是单个出现的代码,没有

形式。 单选框的语法格式单选框的语法格式 什么是单选框?顾名思义,就是只能选择一个选项的选项框。 单选框的type类型是radio ,checked表示某一项是默认选中的。 我们来看下面的例子: Banana

Apple

Orange

……两个按钮…….. 具体的语言含义我就不复述了。列表框列表框基本语法 关于一个列表框的基本代码如下例,右为图。
….两个按钮…..

null滚动文字标记 属性                    描述及示例 Direction       滚动方向 (left,right,up,down) 12-2.htm Behavior        滚动方式 12-3.htm ScrollAmount    滚动速度 12-4.htm ScrollDelay     滚动延迟(毫秒) 12-5.htm Loop            滚动循环 12-6.htm Width, Height   滚动范围 12-7.htm BgColor         滚动背景颜色 12-8.htm OnMouseOver     当鼠标划过的时候 = ‘Stop()’ OnMouseOut      当鼠标移出的时候 = ‘Start()’ null在页面中可以放置如MP3音乐、电影、SWF动画等多种多媒体内容。属性               等于                    说明 Autostart      True | False            加载时是否自动启动 Loop    True| -1| False | n True(-1)   重复播放 Volume         N                       音量大小 Hidden         True                    将播放程序隐藏 Width          N                       播放器的显示宽度 Height         N                       播放器的显示高度 DiagramDiagramDiagramDiagramAdd Your TextAdd Your TextAdd Your TextAdd Your TitleDiagramDiagramAdd Your TextAdd Your TextAdd Your TextAdd Your TextDiagramDiagramDiagramDiagramAdd Your TitleTextTextText Cycle Diagram Cycle DiagramDiagramDiagramDiagramDiagram2003.10 Add Your Text 2003.10 Add Your Text 2003.10 Add Your Text2000200120022003Company History2001.10 Add Your Text 2001.10 Add Your Text 2001.10 Add Your Text2002.10 Add Your Text 2002.10 Add Your Text 2002.10 Add Your Text2000.10 Add Your Text 2000.10 Add Your Text 2000.10 Add Your TextDiagramDiagramAdd Your TitleAdd Your TitleThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.ThemeGallery is a Design Digital Content & Contents mall developed by Guild Design Inc.Block DiagramBlock DiagramTEXTTEXTTEXTTEXTTEXTTEXTTEXTTEXTTableTableDiagramDiagram3-D Pie Chart3-D Pie Chartnullwww.themegallery.comTableTable
本文档为【HTML网页制作教程】,请使用软件OFFICE或WPS软件打开。作品中的文字与图均可以修改和编辑, 图片更改请在作品中右键图片并更换,文字修改请直接点击文字进行修改,也可以新增和删除文档中的内容。
该文档来自用户分享,如有侵权行为请发邮件ishare@vip.sina.com联系网站客服,我们会及时删除。
[版权声明] 本站所有资料为用户分享产生,若发现您的权利被侵害,请联系客服邮件isharekefu@iask.cn,我们尽快处理。
本作品所展示的图片、画像、字体、音乐的版权可能需版权方额外授权,请谨慎使用。
网站提供的党政主题相关内容(国旗、国徽、党徽..)目的在于配合国家政策宣传,仅限个人学习分享使用,禁止用于任何广告和商用目的。
下载需要: 免费 已有0 人下载
最新资料
资料动态
专题动态
is_212587
暂无简介~
格式:ppt
大小:2MB
软件:PowerPoint
页数:0
分类:互联网
上传时间:2012-08-14
浏览量:46