精·php课件1.ppt

主要内容 1.1 HTML语言简介 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 1.2 HTML语言中的标记码 【例1.4】水平线示例。 部分源代码： hr align =right size =1 noshade=noshade color=#000000 hr align =left size =2 width =500 color =“#0000FF” noshade=noshade hr align =center size =3 width =70% color=“#008000” 1.2 HTML语言中的标记码 5．居中标记center 称为居中标记，其作用是令文字、图片、表格等对象居中显示。 【例1.5】center属性示例。 部分源代码： center文字居中对齐/center center文字居中对齐/center center文字居中对齐/center 1.2 HTML语言中的标记码 1.2.4 文字的字体与样式标记 1．font font 是应用在文件的内文部分，即BODY与/BODY之间的位置，只影响所标示的文字，是一个围堵标记。 font 的语法为：font 属性… 属性参数含义： face：设定文字的字体。face属性可以将文本对象设置成计算机中存在的各种字体。 size：设定文字的大小，其值可以是绝对值或相对值。该属性的有效范围为1-7，其中缺省值为3，可以在size属性值之前加上“+”、“-”字符，来指定相对于字号初始值的增量或减量。 1.2 HTML语言中的标记码 【例1.8】font属性示例。 源代码： html head title 设置字体字号颜色示例/title /head body pfont face=宋体 color=#FF0000 宋体文字/font pfont face=黑体 size=-1 color=#660066 黑体文字/font pfont face=华文琥珀 size=6 color=#00FF00华文琥珀文字/font pfont face=华文琥珀 size=+6color=#00FF00华文琥珀文字/font /body /html 1.2 HTML语言中的标记码 2．文字字形样式 【例1.9】设置字形示例。 源代码： html head title 设置字形示例/title /head body p b 粗体文字/b p u加下划线文字/u p big大型文字/big p small小型文字/small p em强调文字/em p strong特别强调文字/strong p strike 删除线文字/strike/b /body /html 1.2 HTML语言中的标记码 4.标题h1 【例1.10】设置字形示例。 源代码： html head title 设置标题示例/title /head body h1标题1 /h1 h2标题2 /h2 h4标题4 /h4 h5标题5/h5 h6标题6 /h6 /body /html 1.2 HTML语言中的标记码 1.2.5 列表元素标记 列表元素标记主要包括以下几种标记：有序列表标记ol、无序列表标记ul和列表项标记li。 1．有序列表标记ol 所谓有序列表标记，就是在每一项前面加上1，2，3…等数目，又称编号清单。 ol的常用格式：ol type =属性值/ol 2．无序列表标记ul 所谓无序列表标记，就是在每一项前面加上●实心圆、○空心圆、■实心方格等符号，故又称符号清单。 ul的常用格式：ul type =属性值/ul 1.2 HTML语言中的标记码 【例1.11】列表元素示例。 源代码： 1.2 HTML语言中的标记码 1.2.6 表格标记 1.表格的三个基本要素 表格table、表行tr、表单元格td这三个标记是定义表格的最重要的标记，可以说只学这三个以足够处理简单的表格。 （1）表格table 是一个容器标记，意思是说它用以宣告这是表格而且其它表格标记只能在他的范围内才适用。 （2）表行tr 用以标示表格行(row)，每一对tr…/tr可以为表格创建一个行。 （3）表单元格td 用以标示单元格