静态网页制作基础知识课件.ppt

《静态网页制作基础知识课件.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、静态网页制作基础知识复习HTML基础知识复习上网浏览网页浏览器网页用HTML语言编写的HTML4.01HTML5网页内的各元素用CSS样式控制显示外观CSS2.1CSS3网页等资源所在的服务器公共基础设施HTML基础知识复习常用浏览器Trident核心的浏览器InternetExplorer，IE6、IE7、IE8、IE9等系列浏览器（微软公司）webkit核心的浏览器Safari（苹果公司）Chrome（谷歌公司）Gecko核心的浏览器firefox浏览器（Mozilla基金会）Presto核心的浏览器o

2、pera浏览器（挪威OperaSoftwareASA）微软的EDGE浏览器HTML基础知识复习常用HTML标签（HTML标记）p、a、img、span、div、table、tr、td、ul、ol、li、H1、H2、H3、H4、H5、H6、i、strong……HTML基础知识复习块级元素block-levelelements（块状元素）块级元素生成一个元素框，（默认地）它会填充其父级元素的内容，旁边不能有其他元素。换句话说，他在元素框之前和之后生成了“分隔”符。我们最熟悉的HTML块级元素是p和div。一个块

3、级元素会新开始一行并且尽可能撑满容器。设置块级元素的width可以阻止它从左到右撑满容器。然后你就可以设置左右外边距为auto来使其水平居中。元素会占据你所指定的宽度，然后剩余的宽度会一分为二成为左右外边距。在浏览器中观察具有默认样式的元素HTML基础知识复习行内元素inlineelements（内联元素）内联元素在一个文本行内生成元素框，而不会打断这行文本。内联元素最好的例子就是HTML中的a、span元素。strong和em也属于内联元素。这些元素不会在它本身之前或之后生成“分隔符”，所以可以出现在另一

4、个元素的内容中，而不会破坏其显示。在浏览器中观察具有默认样式的元素CSS基础知识复习HTML元素所应用的样式来源CSS基础知识复习常用浏览器的默认样式典型如：a、p、H1、H2、ul、li详细见“各浏览器默认样式对比表.html”和“IE的浏览器默认样式.html”CSS基础知识复习要想对网页中的某些HTML元素设置CSS样式，就要想办法先选择这些HTML元素，然后再对这些元素设置样式制作网页的人员手工选择某一个HTML元素，然后针对其编写行内样式（或者称内联样式、属性样式）内部样式：在当前网页的head部

5、分的style标记内部写样式外部样式（或者称引用样式、外联样式）：在独立的外部样式表文件内写样式HTML选择器（标签选择器）类选择器ID选择器选择器混合使用CSS基础知识复习CSS样式：.test{border:1pxsolid#000;background-color:#9F6;font-size:14px;}.w{height:50px;}#ceshi{color:blue;}HTML代码：测试内容ABCXYZabcxyz