PHP基础课程笔记：HTML超标记语言及常用标记详解.pdfVIP

昨日回顾

知识点

HTML，它是超文本标注语言。

超文本：加了的文本；

标注：也加标记，还叫，也叫HTML元素，我叫它标志。比如：左拐、右拐标志，是一种视觉识别。

标注的构成

开始标记属性1＝“属性值1”属性2＝“属性值2”……/结束标记

开始标记属性2＝“属性值1”属性2＝“属性值2”……/单边标记

标记的编写规范

1)不区分大小写，但是全小写；

2)有的标记有属性值，属性值要加引号(推荐)；

3)有些标记没有结束标记，就以/结束

4)HTML标记都是预定义的，不能人为定义，扩展性不是很好。

fontcolor=”red”size=”6”内容/font

br/换行

hr/水平

meta定义网页的元信息，很多信息不是给用户看的。

常用的标记

b/b加粗bold

i/i斜体italic

u/u下划线

fontcolor=”颜色值”size=”大小”内容/font字体样式标记

p/p段落标记。在段前和段后有相应的空白

br/换行，单边标记

hrsize=”2”color=”#ff0000”noshade/水平线，noshade无阴影

h1~h6：h1最大，h6最小：属性：align=left、right、center

pre/pre预排版标记：在该内，所有的空格、换行(word)都将保留。原封不动地输出。

计算机进制

十进制：基数0－9，逢十进一。

二进制：0和1，代表两种状态：对与错，开与关，男与女

八进制：其数0-7，进一

十六进制：0、1、2、3、4、5、6、7、8、9、A、B、C、D、E、F

颜色值：RGB(255,0,0)、十六进制:：#FF0000

将十进制转成二进制，分整数部分和小数部分，分别进行转换。

整数部分：除2取余法，直到商为0。按倒序进行组织成二进制。

小数部分：乘2取整法，一直乘下去，直到小数部分为0。按正常顺序(从上到下)组织成二进制。

例如：将30转成二进制

第N次商余数

第1次150

第2次71

第3次31

第4次11

第5次01

组织成二进制的结果是：11110

计算机编码

1）计算机为什么要编码？

计算机只能识别二进制，因此要将常用的符号（字母、数字、特殊符号），W3C国际组织来统一制

订相应的规范。

ASCII码：二进制的7位(128个字符)或8位(256个)

ANSI编码：是每个国家按自己国家的语言，对ASCII码进行扩充。的ANSI编码就是GB2312，

的ANSI编码是JIS……

Unicode编码：它想将世界上所有的语言和符号，全部纳入。大约500页左右。

UTF-8

GB2312、GBK

BIG5：大五码

div与span标记

div/div：是一个块级元素，所谓块级元素是它将占用整个行的空间，即使是一个文字，也将占一个行

的空间。实际上没有任何意义，但用处非常大。它的主要作用是与CSS联合来实现网页布局。

span/span是一个行内元素，所谓行内元素：它是的作用范围只在一个行内，前后不会换行，或者有空

白。实际上也没有任意义的。它的主要作用也是与CSS联合使用来布局网页。

CSS层叠样式表：主要功能是网页内容的表现，也叫样式，还叫外观。

学过的块级元素有哪些：p/ph1/h1br/uloldl

学过的行内元素有哪些：buifonta

判断一个元素是块级元素，还是行内元素的方法：就是用CSS给元素加一个边框，通过边框的表现结果，

就能判断它是哪一种元素。

面试官会问兼容性怎么样？其实他问的是DIV+CSS的布局

meta标记

meta是网页文件的元信息(控制信息)，它指示流览器用什么样的编码语言来进行显示。比如：写信，因

为一封要想准确达到对方的手里，必须要包含两部分的内容：一是信的内容；一是信的地址。

meta标记的信息用户是看不见的，一般是给搜索引擎来进行分类或索引使用的。

meta的属性：

name