2.B/S网络模式（结构）
B/S，browser/Server浏览器/服务器结构。在这种模式下，客户端不需要安装任何的软件（除了浏览器软件），所有的其它的功能都集中到了服务器上。客户端基本上零维护。
3.HTML简介
HTML，HyperText Markup Language超文本标注语言，是SGML的一个应用。是一种标准，一种规范，一种标志(标记)。
比如：<b>北京传智</b>
各种标记的作用：就是告诉浏览器这个内容该如何显示。
静态网页的扩展名：.html .htm
动态网页(包含服务器端程序)的扩展名：.php .jsp .aspx等
超文本：是指加了超链接的文本。
4.HTML标记的格式
双边标记：<标记 属性1=“属性值1” 属性2=“属性值2”>内容</标记>
举例：<font color=“red” size=“5” face=“黑体”>广州传智</font>
单边标记：<标记 属性=“属性值”>
一个人有哪些特性：姓名、年龄、学历、毕业院校、身高、体重等
同理：人是一个类别，张三是类别中的一个具体的对象。
5.书写HTML标记的规范
1）HTML标记不区分大小写，建议大家使用小写，为了向后兼容。如：<font> <Font> <FONT> <fOnT>
2）一个标记可以有属性，也可以没有属性。如果有属性的话，属性和标记间用空格隔开(至少一个)，属性与属性之间用空格隔开。属性必须放在开始标记中，不能放在结束标记中。
比如：<font size=“7” face=“黑体”></font>
没有属性：<head>
3）属性值一般情况下，都需要加引号(不加也不为错)。
4）HTML的数值属性值，不需要加单位(px)，但CSS中的数值的属性值必须要加单位。
HTML中的写法：<table width=“500”>
CSS中的写法：<table style=“width:500px”>
5）标记之间可以嵌套，但只能是顺序嵌套，也就是一层套一层，不能交叉嵌套。
6.一个网页的HTML结构
<html>
<head>
<title>网页标题</title>
</head>
<body>
网页的主体内容
</body>
</html>
结构说明：
<html></html>当浏览器遇到该标记时，就把内容按网页格式来翻译。包含两个子标记：<head>和<body>
<head></head>定义网页文件头信息的，该标记中的内容在浏览器中是不可见，一般起一个特殊的作用。
<title></title>定义网页的标题的，是<head>的子标记。
<body></body>是网页的主体内容，网页中99%的内容或标记，都是放在<body>中。<body>中的内容是可见的。
7.<body>的常用属性
bgColor：设置网页背景颜色，比如：<body bgColor=“red”>
background：设置网页的背景图片URL，比如：<body background=“images/bg.gif”>
8.HTML字体修饰标记
<b></b>加粗 bold
<i></i>斜体 italic
<u></u>下划线 underline
<s></s>删除线 strike
<sup></sup> 上标
<sub></sub> 下标
<font></font>字体标记
<font>常用的属性
Size：字体大小，取值：1-7，1小7大。
Color：字体颜色，比如：red或RGB(255,0,0)或#FF0000
Face：字体类型，比如：face=“黑体”
举例：<font size=“7” color=“red” face=“黑体”>内容</font>
<hr>水平线，是单边标记
常用的属性：
Size：水平线的粗细
Width：水平线的宽度
Color：水平线的颜色
noshade：纯色显示，不带阴影效果
9.代码编辑器
1）增强文本编辑器：Editplus Notepad
特点：软件小、占用系统资源少、语法颜色
缺点：没有代码提示功能
2）IDE集成开发环境：Zend Studio
特点：软件较大、占用系统资源多、语法颜色、代码提示功能、PHP程序的调试功能、数据库配置等
缺点：收费
3）可视化的网页代码编辑工具：Dreamweaver
第一步：创建站点，站点——管理站点
一个站点，就是一个网站，一个网站由多个目录或文件构成。
第二步：设置代码字号大小 CTRL+U 编辑——首选参数——字体
第三步：设置新建网页时的默认编码：CTRL+U 编辑——首选参数——新建文档
UTF-8是多国语言编码，只要你有相应的输入法，就能显示不同国家的语言。
如何保证网页不出现乱码的问题？
1） 你的编辑器的默认编码，要设置为UTF-8
2） 你的HTML代码中，<meta>标记，也要设置相应的UTF－8编码
3） 你的PHP网页的编码也要设置为UTF-8
4） 你的MySQL读取的数据编码也要设置为UTF－8
第四步：设置DW的默认浏览器：CTRL+U 编辑——首选参数——在浏览器中预览
DOM浏览器，标准浏览器，Firefox浏览器
10.网页颜色表示
用英文单词来表示：red green blue
用10进制来表示：RGB(255,0,0) RGB(0,255,0) RGB(0,0,255)
用16进制来表示：#FF0000 #00FF00 #0000FF
RGB色彩模式
自然界中的所有颜色，都可以通过红(R)、绿(G)、蓝(B)三种基色相互混合而成，RGB又叫三原色。
RGB色彩模式，又叫加色模式。任何两种颜色相加，可以产生其它颜色。
在计算机中，每个基色用1个字节来表示(8位二进制，假设如11011011)，共可以表示256(0-255个亮度级别)种颜色
RGB共可以混合出多少种颜色？ 256 * 256 *256=1677万种色
在网页中的写法：
红色：RGB(255,0,0)
绿色：RGB(0,255,0)
蓝色：RGB(0,0,255)
黄色：RGB(255,255,0)
二进制：0、1 运算规则：逢二进一
十进制：0、1、2、3、4、5、6、7、8、9 运算规则：逢十进一
十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F 运算规则：逢十六进一
网页颜色用十六进制表示：
红色：#FF0000 用两位16进制来表示1位10进制
绿色：#00FF00
蓝色：#0000FF
黄色：#FFFF00
在不同的浏览器下，10进制显示存在不兼容性，最好的是16进制表示方法。
在HTML中10进制表示颜色，没有效果；但在CSS中可以使用10进制表示。
11.
12.HTML排版标记
<p align=“left|center|right”></p>代表一个段落
<br>换行
<hr noshade size=“5” color=“red”>水平线，noshade属性没有属性值
<h1></h1>：一级标题最大
…………
<h6></h6>六级标题最小
<h1>常用的属性：
align：水平对齐，取值： left、center、right
<pre></pre>预排版标记，将保留代码所有的空白(连续的空格或换行)，换句话说：该标记中的内容会原封不动的输出。
在PHP中输出数组时，用<pre>保留空白输出。
13.<div>和<span>
这两个标记，如果单独使用，没有任何效果，一般要结合CSS来使用。
这两个标记，虽然没有任何意义，但在DIV+CSS中又是用的最多的。
相当于两个小的容器，里面用来存放其它内容，方便排版布局。
块元素和行内元素
块元素：单独占取通栏的宽度，前后的元素必须另起一行排版。比如：<p>、<pre>
行内元素：多个行内元素排在同一行，行内元素没有宽度，宽度是由内容来决定。比如：<b><i><u><span><sub>
14.HTML字符实体
代表一个半角空格
> 大于号
< 小于号
& &
¥ 人民币
© 版权
× 乘号
÷ 除号
15.项目符号标记(无序列表)：块元素
<ul type=“disc”>
<li type=“circle”>内容1</li>
<li>内容2</li>
</ul>
常用的属性：
Type：项目符号的类型，取值：disc(实心圆点)、circle(小圆圈)、square(小方块)
16.编号列表(有序列表)
<ol type=“a” start=“3”>
<li></li>
<li></li>
……
</ol>
常用的属性：
Type：编号类型，取值：1(数字)、a、A、i(小罗马)、I(大罗马)
Start：编号的起始数，该值是一个数字。比如：start=3
转载自—重蔚自留地
原标题：php学习第一天之HTML篇
关键词：HTML
我知道了 