《第1章补充-HTML.1.ppt》由会员分享，可在线阅读，更多相关《第1章补充-HTML.1.ppt（45页珍藏版）》请在taowenge.com淘文阁网|工程机械CAD图纸|机械工程制图|CAD装配图下载|SolidWorks_CaTia_CAD_UG_PROE_设计图分享下载上搜索。
1、第一章 HTML语言对于每个希望制作网页的朋友，学习HTML语言,是你们迈出的第一步，也是网页设计基础中的基础!什么是HTML？vHTML是用来制作网页的标记语言.vHTML是HypertextMarkupLanguage的英文缩写,中文叫做超文本标记语言超文本标记语言.vHTML语言是一种标记语言,不需要编译,直接由浏览器执行.v设计HTML语言的目的是为了能把存放在一台电脑中的文本或图形与另一台电脑中的文本或图形方便地联系在一起，形成有机的整体。vHTML命令可以说明文字、图形、动画、声音、表格、链接等。vHTML的结构包括头部(Head)、主体(Body)两大部分。什么是W3C？vW3C
2、是英文WorldWideWebConsortium的缩写，中文意思是W3C理事会或万维网联盟。vW3C组织是对网络标准制定的一个非赢利组织,像HTML、XHTML、CSS、XML的标准就是由W3C来定制。HTML入门例子例1vvvvvvv我们来看看新浪的主页http:/ 框架概念框架概念：所谓框架便是网页画面分成几个框窗，同时取得多个URL。只需要即可。v是用以划分框窗，每一框窗由一个标记所标示，必须在范围中使用。v：COLS/ROWSvv参数设定：vsrcvmarginwidthvmarginhightvframebordervnoresizevframespacingvbordercolo
3、rvborderv例19vvvvHereisaFloatingFramevvv腾讯v百度v网易vvviframe标签-代表HTML内联框架*iframe标签是成对出现的,以开始,结束v属性vosrc-规定在iframe中显示的文档的URL。voname-定义了内容页名称,此名称在框架页内链接时使用到voframeborder-定义了内容页的边框,取值为(1|0),缺省值为1vomarginwidth-定义了框架中HTML文件显示的左右边界的宽度,取值为px,缺省值由浏览器决定vomarginheight-定义了框架中HTML文件显示的上下边界的宽度,取值为px,缺省值由浏览器决定voalign
4、-垂直或水平对齐方式voheight-框架的高度vowidth-框架的宽度vvvvHereisaFloatingFramevvv腾讯v百度v网易vv例20vvvvHereisaFloatingFramevvv例21例22vvv一个排序列表(OrderedList)：vv网页html课程v网页代码教程v5blogs之魔兽世界vvv例23vvv不排序列表(UnorderedList)：vv网页课程v网页代码v魔兽世界vvvvli标签-代表HTML列表项目vol标签-代表HTML有序列表vul标签-代表HTML无序列表vvv排序列表，不设Type属性：vv网页课程v网页代码v魔兽世界vv排序列表，T
5、ype属性设为A：vv网页课程v网页代码v魔兽世界vv排序列表，Type属性设为i：vv网页课程v网页代码v魔兽世界vvv例24例25改变字体大小和颜色vvv你好vvv如果你将target的属性值设成_blank，你点击这个链接的时候，网页就会在一个新窗口出现。vvvvHTML测试题v1、如果在3秒钟后网页没有自动跳转，请点击一个图片，进入新浪的主页面，并且要求新浪的主页面是在一个新窗口呈现的。v2、写三行左右的文字，要求有居中的文字标题，正文首起空两格，正文字体大小为SIZE=24，正文字体颜色为黄色，整个页面的背景为红色。v3、绘制一个三行三列的表格，表格要有边框，并要求表格第一列为红色，第二列为无色，第三列有三张不同的图片。v4、将新浪、网易、百度三个网站呈现在一个页面中，框架比例大小自己设计，要求纵横排列三个窗口，并且边框要有颜色和一定的厚度。v5、将你的姓名、性别、班级制作成一个无序列表。vv