PHP学习3_HTML与CSS概述及HTML语言语法

 HTML与CSS概述及HTML语言语法

一、HTML

 1. 概述

        HTML、CSS、javascript、php都可以独立编写，CSS、javascript、php也可嵌入在HTML中，他们都是文本。

        后缀名为.htm或者.html（.html更安全）

 2. 语法

        （1）元素

                标签名大都成对出现，可嵌套；也有不成对的（空标签）——<br>、<hr>

        （2）标签属性

                属性是对标记功能的扩展或对行为的修饰

                以“名/值“对的形式出现在标记中，name=value

                属性的值（不管属性是什么类型的）可以用双引号、单引号或者什么引号都不用（双引号符合web标准）

                属性无先后次序，且都为可选的，多个属性之间用空格分开

        （3）标签名和属性不分大小写（建议用小写）

        （4）文档注释

                <!--        开始

                -->         结束

                注意：不能嵌套注释；在包围、隐藏标记时要保证余下文本的结构完整

        （5）代码格式

                回车、空格在源代码中无效——用以排版

        （6）字符实体

                例如”<“，”>“之类的字符需要用字符实体表示才能在页面中显示出来。

                字符实体（3部分组成）：&       +        实体名称 或 #实体编号        +        ;

                        如：<        &lt;        &#60;

                注意：用户提交的内容必须转化为实体，否则易被盗取

        （7）颜色的设置

                可以用关键字或者#RGB格式的数字两种形式（作为属性中的“值”）

                关键字（16种）：aqua、black、blue、fuchsia、gray、green、lime、maroon、navy、olive、purple、red、silver、teal、while、yellow，用时直接写名字

                #RGB数字：如：#00ff00

二、CSS（Cascading Style Sheets层叠样式表单）

        定义网页的外观，和javascript合作做出动态效果（不能独立于HTML）

        样式表：样式化HTML的一种方法，文档的外观

        层叠：多个样式组合在一起层叠使用

        一个样式表可用于多个页面，甚至整个站点——易用性、扩展性

        CSS的位置：（1）在HTML文档的每个标记里

                                （2）以<style>标记潜入在HTML文档中

                                （3）附加文档