HTML基础教程(PPT与网页综合版)

入门级HTML教程

Html至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码,大到做网站,小到博客论坛等都会有莫大的好处。本教程从最基本的格式入手,让那些对Html代码一窍不通的同学从此看到它们不再如看天书。

注意:本教程需要您的机器里安装可以播放.PPT文件的播放器,如Powerpoint、金山演示等

学习方法:点击每一章前的PPT教程演示,打开后单击屏幕可进行翻页浏览。当演示中提示有参考例题时,回到此页面点击相应章节下面的标题即可查看例题中的效果。在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。

请先了解教程学习方法:

点击每一章前的PPT教程演示,打开后单击屏幕可进行翻页浏览。当演示中提示有参考例题时,回到此页面点击相应章节下面的标题即可查看例题中的效果。在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。

请一定要先参看学习方法!

第1章 HTML第一讲

点击观看第一讲PPT教程演示>

01.第一个网页02.我的第一页03.三秒后跳转网页04.改变背景颜色05.背景加jpg图片06.背景加gif图片

07.背景图片属性108.背景图片属性209.改变默认文字颜色10.设定链接带下划线11.背景图片属性3

第2章 HTML第二讲

点击观看第二讲PPT教程演示>

01.设定字体颜色02.设定不同字体03.设置字体大小04.设定各级标题05.P标记的应用06.br换行标记

07.强制性不换行08.设定字体109.设定字体210.上标和下标11.字体综合运用12.注释内容看不见

13.文本排列方式14.div标记应用15.center标记应用16.Horizontal rule17.列表18.无序列表

19.有序列表20.列表的嵌套21.设定链接122.设定链接223.锚点链接24.设链接页面的锚点

25.链接无下划线26.链接弹出新窗口否27.first28.图片的基本应用29.控制图片大小30.图片边框的设定

31.设定图片位置32.图片文字上下对齐33.设置水平垂直间距34.图片边框的设定35.映像链接

第3章 HTML第三讲

点击观看第三讲PPT教程演示>

02.表格的基本结构03.有无边框的表格04.课程表05.表格边框尺寸07.表格背景色与图片08.表格边框的色彩

09.亮边框暗边框10.align水平对齐11.cellspacing格间距12.cellpadding格边距13.valign垂直对齐14.coslpan跨多列表

16.rowspan跨多行表17.表格的嵌套18.表格控制文档布局19.表格嵌套综合运用20.文本框练习21.按钮的使用

22.form表单标记25checkbox复选框26.radiobutton单选框262.单选框错误范例28.下拉列表语法范例29.下拉列表框长度

30.下拉列表允许多选image.htm图像域message.htm

第4章 HTML第四讲

点击观看第四讲PPT教程演示>

01.框架多窗口纵排02.框架多窗口横排03.框架边框的颜色04.框架窗口边框设置05.frame范例06.frame属性

07.链接在何窗口打开08.框架是否显滚动条09.框架按需显滚动条10.框架不可调大小11.框架不可调范例12.frame调整范例

14.框纵横排列多窗口15.框架内含窗口16.文字移动语法17.文字移动方向18.文字移动方式19.文字移动循环

20.文字移动速度21.文字移动延时22.文字移动背景色23.文字移动面积24.文字移动空白25.embedf嵌入flash

26.embed嵌rmi音乐27.embed嵌avi动画28.嵌入mpeg影像29.嵌入wav背景音乐30.特殊标记元素object

第5章 复习兼记忆

点击观看复习资料全集>

1.入口2.首页3.HTML页面4.网页中的字体5.网页中的文字布局6.图像

7.多媒体8.制作表单9.表格10.表格进阶11.多窗口页面

入门级HTML教程

Html至今仍是制作网页时必不可少的代码。如果能够熟悉掌握并应用这些代码,大到做网站,小到博客论坛等都会有莫大的好处。本教程从最基本的格式入手,让那些对Html代码一窍不通的同学从此看到它们不再如看天书。

注意:本教程需要您的机器里安装可以播放.PPT文件的播放器,如Powerpoint、金山演示等

学习方法:点击每一章前的PPT教程演示,打开后单击屏幕可进行翻页浏览。当演示中提示有参考例题时,回到此页面点击相应章节下面的标题即可查看例题中的效果。在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。

请先了解教程学习方法:

点击每一章前的PPT教程演示,打开后单击屏幕可进行翻页浏览。当演示中提示有参考例题时,回到此页面点击相应章节下面的标题即可查看例题中的效果。在效果页上单击右键选择“查看源文件”即可查看实现该效果的代码。

请一定要先参看学习方法!

第1章 HTML第一讲

点击观看第一讲PPT教程演示>

01.第一个网页02.我的第一页03.三秒后跳转网页04.改变背景颜色05.背景加jpg图片06.背景加gif图片

07.背景图片属性108.背景图片属性209.改变默认文字颜色10.设定链接带下划线11.背景图片属性3

第2章 HTML第二讲

点击观看第二讲PPT教程演示>

01.设定字体颜色02.设定不同字体03.设置字体大小04.设定各级标题05.P标记的应用06.br换行标记

07.强制性不换行08.设定字体109.设定字体210.上标和下标11.字体综合运用12.注释内容看不见

13.文本排列方式14.div标记应用15.center标记应用16.Horizontal rule17.列表18.无序列表

19.有序列表20.列表的嵌套21.设定链接122.设定链接223.锚点链接24.设链接页面的锚点

25.链接无下划线26.链接弹出新窗口否27.first28.图片的基本应用29.控制图片大小30.图片边框的设定

31.设定图片位置32.图片文字上下对齐33.设置水平垂直间距34.图片边框的设定35.映像链接

第3章 HTML第三讲

点击观看第三讲PPT教程演示>

02.表格的基本结构03.有无边框的表格04.课程表05.表格边框尺寸07.表格背景色与图片08.表格边框的色彩

09.亮边框暗边框10.align水平对齐11.cellspacing格间距12.cellpadding格边距13.valign垂直对齐14.coslpan跨多列表

16.rowspan跨多行表17.表格的嵌套18.表格控制文档布局19.表格嵌套综合运用20.文本框练习21.按钮的使用

22.form表单标记25checkbox复选框26.radiobutton单选框262.单选框错误范例28.下拉列表语法范例29.下拉列表框长度

30.下拉列表允许多选image.htm图像域message.htm

第4章 HTML第四讲

点击观看第四讲PPT教程演示>

01.框架多窗口纵排02.框架多窗口横排03.框架边框的颜色04.框架窗口边框设置05.frame范例06.frame属性

07.链接在何窗口打开08.框架是否显滚动条09.框架按需显滚动条10.框架不可调大小11.框架不可调范例12.frame调整范例

14.框纵横排列多窗口15.框架内含窗口16.文字移动语法17.文字移动方向18.文字移动方式19.文字移动循环

20.文字移动速度21.文字移动延时22.文字移动背景色23.文字移动面积24.文字移动空白25.embedf嵌入flash

26.embed嵌rmi音乐27.embed嵌avi动画28.嵌入mpeg影像29.嵌入wav背景音乐30.特殊标记元素object

第5章 复习兼记忆

点击观看复习资料全集>

1.入口2.首页3.HTML页面4.网页中的字体5.网页中的文字布局6.图像

7.多媒体8.制作表单9.表格10.表格进阶11.多窗口页面


相关内容

  • 网页设计与制作教程
  • 网页设计与制作教程 目 录 第1章 网页设计与制作概述 1.1网络的基础知识 1.1.1 TCP/IP协议 1.1.2 IP地址 1.1.3域名地址 1.1.4统一资源定位器 1.2图形图像的基础知识 1.2.1位图与矢量图 1.2.2常用的图像格式 1.2.3常用的图形格式 1.3网页的布局知识 ...

  • 网页设计与制作课程标准
  • <网页设计与制作>课程标准 一.课程定位 本课程是软件技术专业的专业基础课程,是培养学生Web 客户端静态页面设计能力的支撑课程.本课程主要培养学生的静态页面设计能力,该课程综合HTML 语言.CSS 样式.JavaScript 脚本三项技术,通过"教.学.做"理论与 ...

  • 网页制作基本概念
  • 网页制作手册:有关网页制作的一些基本概念 HTML是什么?(2004-7-27) HTML是Hypertext Markup Language(超文本标记语言)的缩写,它是构成Web页面(Page)的主要工具.在网上,如果要向全球范围内出版和发布信息,需要有一种能够被广泛理解的语言,即所有的计算机都 ...

  • HTML零基础入门教程
  • 资料来源: HTTP://url.cn/OHnOmN 首语人们常常以为制作一个网站很难,但其实并非如此!人人都能学会如何制作网站.而且,假如你继续阅读本教程的话,你将能在一小时内制成一个网站. 有些人觉得制作网站需要昂贵的.高级的工具--当然这是错误的.的确有许多软件声称它们可以为你创建网站,它们有 ...

  • 2017年软考网络管理员什么教程比较好呢!
  • 2017年软考网络管理员什么教程比较好呢! 2017年软考网络管理员什么教程比较好呢!下面是希赛小编为大家推荐的2017年软考网络管理员教程,希望能帮助学友们. <网络管理员教程> <网络管理员教程(第3版修订版全国计算机技术与软件专业技术资格水平考试指定用书) >(严体华. ...

  • Word2003入门动画教程18:把Word转换为网页html格式
  • Word2003是微软公司提供的一款文字处理软件,可以对文字进行排版和编辑.分段等各种处理,最终将编辑好的内容打印出来.是办公室一族中必备的办公软件之一.这里Word联盟就为大家分享怎样把Word转换为网页html格式. 动画演示: ①单击菜单栏中的"文件"-"另存为. ...

  • php基础教程
  • 标题:PHP基础教程 出处:风流的CG网络日志 时间:Mon, 28 Aug 2006 07:24:34 +0000 作者:yufeng 地址:http:///read.php?38 内容: 提供给新手学习的 PHP新手教程,是一个比较有价值的PHP新手教程! 一.PHP简介 PHP是一种易于学习和 ...

  • 从零开始学做专题
  • 从零开始学做专题 原帖:http://bbs.bianews.com/thread-43578-1-1.html 本来想了一大段的前言来解释写本文的目的,后来觉得太浪费大家时间,删掉了.先说说我对网编在网页设计制作这一块技能上的理解吧(如果大家有什么不同看法欢迎提出,我会尽力去完善这些教程).网编日 ...

  • 超简单教程,制作一个漂亮网页 - 今日头条(TouTiao.com)
  • 我们需要先制作背景图片.也就是网页背景那块蓝色的部分.我们需要单独做出来. 新建一个1920px*400px的文件 我们拉一个一个蓝色(#506dbb)到白色的一个渐变 效果图 然后我们保存这张图片为gif格式 这时候我们新建一个 1000*800的文件 我们把网页效果图制作出来.这里都是用到ps制 ...