PHP从入门到精通html+CSS笔记122讲文档格式.docx

资源描述

PHP从入门到精通html+CSS笔记122讲文档格式.docx

《PHP从入门到精通html+CSS笔记122讲文档格式.docx》由会员分享，可在线阅读，更多相关《PHP从入门到精通html+CSS笔记122讲文档格式.docx（27页珍藏版）》请在冰点文库上搜索。

PHP从入门到精通html+CSS笔记122讲文档格式.docx

横看成林<

/b>

fontcolor="

red"

远近高低各不同<

/font>

--size值可以取1..7-->

fontstyle="

font-size:

30px;

不知庐山真面目<

面试:

请问后缀html和htm有什么区别?

答:

1.如果一个网站有index.html和index.htm默认情况下，优先访问.html

3.htm后缀是为了兼容以前的dos系统8.3的命名规范

◆html符号实体

说明：

当我们在网页中有一些特殊字符时候，可以考虑使用字符实体（charentity）

超链接的案例:

*****************<

ahref="

a.html"

target=”_self,_blank,_top,_parent”>

连接到a.html<

/a>

--如果我们希望在点击该超链接后，就跳转到外网的某个地址，则应当写完整的url-->

--url统一资源定位-->

跳转到XX<

mailto:

hanshunping@"

联系管理员<

图片:

imgsrc=”图片的路径/该图片也可是一个url”width=”宽度”heigth=”高度”/>

◆Html的表格元素

●在以前对网页布局要求不高的情况下，使用table布局（即使用表格来显示数据，同时用于布局）

快速入门:

tablealign="

center"

height="

10px"

bgcolor="

yellow"

border="

3px"

width="

400px"

--tr表示一行-->

tralign="

td>

/td>

/tr>

right"

tdalign="

tr>

10<

/table>

应用案例：

1.确定行

代码如下:

--tr表示一行

-->

tableheight="

150px"

--显示菜单-->

tableborder="

align="

bordercolor="

#E76BFF"

225px"

cellpadding="

1px"

cellspacing="

0px"

--colspan="

表该列要占用三列-->

colspan="

菜谱<

tdrowspan="

素菜<

青草茄子<

花椒扁豆<

小炒韭菜<

白豆腐<

荤菜<

清蒸龙<

鱼香肉丝<

小炒肉<

imgsrc="

dog.jpg"

70px"

水煮肉片<

课堂练习:

title>

俺第一个实例<

/title>

Center>

成绩表

/center>

--表格-->

579AFE"

500px"

项目<

tdcolspan="

上课<

休息<

trbgcolor="

pink"

th>

星期<

/th>

星期一<

星期二<

星期三<

星期四<

星期五<

星期六<

星期日<

上午<

语文<

数学<

英语<

物理<

计算机<

地理<

历史<

化学<

体育<

政治<

计算机1<

下午<

◆无序列表

ul>

li>

/li>

/ul>

代码:

ultype="

circle"

英雄<

精武门<

西游记<

☞type可以取disc、circle、square

◆有序列表

oltype="

卢俊义<

吴用<

林冲<

/ol>

☞type用于指定用什么来显示,start表示从第几开始计算.

◆Frameset框架集

用途主要是用于分割显示多个页面

☞framest和frame配合使用，一般讲是用于后台页面

中间的窗口分割线不能移动，把noresize就能移动了。

代码

A2.html页面用于保护其它页面

framesetcols="

30%,*"

framename="

frame1"

src="

b.html"

noresizeframeborder="

frame2"

c.html"

frameborder="

/frameset>

☞该页面不能有body和body体

b.html

bodybgcolor="

--target表示我们点击后，目标指向谁-->

zjl.html"

target="

周杰伦<

qq.html"

齐秦<

☞target属性值有四个

_blank:

表示打开一个全新的页面

_self:

替换本页面

_top:

_parent:

*还有一个就是在target值中直接写对应的那个frame的名字.

c.html:

silver"

歌词大全

其它页面

Frameset的综合小案例:

结构示意图:

案例

All.html

framesetrows="

20%,*"

framesrc="

top.html"

scrolling="

no"

left.html"

right.html"

name="

myframe"

Top.html

title.JPG"

Left.html

青花瓷<

当兵的人<

Right.html

晚上的练习:

1.按照笔记走一遍

2.作业

2.1做一个自己的网页，显示自己的基本信息：

姓名、性别等（注意使用文本格式标记，要做得好看啊），并显示自己的照片（图象的标记还记得吗？

）

2.2.普通邮箱

◆Iframe的使用

？

有时我们需要，在一个含有<

的页面嵌入另外一个页面，形成画中画的效果,怎么处理->

iframe元素（浮动窗口）

入门案例

Iframe.html

h1>

hello,world<

/h1>

iframe1"

连接到taobao<

/A>

连接到kk.html<

iframename="

iframesrc="

◆表单元素

为什么需要？

看一个图:

从上图可以看出，我们需要把一些数据提交给服务器处理,比如注册用户,发帖…,这样就需要使用到表单元素（常见输入框、单选框、复选框、文本域、密码框、上传文件。

。

基本结构

inputtype=”类型”name=”名字”/>

一般说，表单元素通常是被<

form>

包含起来的

Abc:

inputtype=”text”name=”hobby”/>

inputtype=”radio”/>

formaction=”?

”method=”get”>

inputtype=”text”name=”username”/>

inputtype=”submit”value=”xx”/>

/form>

”method=”?

”>

入门案例:

登录页面<

--action的值应当是提交哪个页面（url）-->

--method方法指定提交数据的方式,常用的有两种get/post-->

formaction="

ok.html"

method="

post"

--name的值可以任意，但是不要使用关键字-->

用户名:

inputtype="

text"

username"

密　码:

password"

submit"

value="

reset"

重新填写"

Ok.html

Ok,登录成功

原理图:

请考虑：

如果我们希望偷偷的提交数据,不要影响节目效果，可以考虑使用隐藏域

案例代码:

表单元素<

get"

您最喜欢哪些城市:

checkbox"

cities"

beijing"

北京

shanghai"

上海

伦敦"

伦敦

您的性别是:

radio"

sex"

man"

男

woman"

女<

隐藏域的使用

hidden"

data"

ok"

下拉列表<

请选择您的出生地:

selectname="

address"

size=3multiple>

optionvalue="

sichuan"

四川<

/option>

北京<

xizang"

西藏<

/select>

--文本域,-->

textareaname="

mytextarea"

cols="

40"

rows="

10"

/textarea>

--文件上传的控件-->

file"

myfile"

上传文件<

测试"

--这是一个图片按钮-->

image"

image1.png"

◆多媒体

我的电影网站<

embedsrc="

一起走到.MPG"

F.GIF"

dynsrc="

clock.avi"

loop="

start="

mouseover"

◆照着html文档，我们对html在加强一把

图像映射技术:

scriptlanguage="

javascript"

functionshow（）{

window.alert（'

点击了矩形区域'

）;

}

/script>

mapimg.gif"

usemap="

#abc"

--映射区域-->

mapname="

abc"

areashape="

rect"

onclick="

show（）;

href="

coords="

140,20,280,60"

/map>

fieldsetstyle="

width:

300px"

legend>

blue"

★审核状态<

/legend>

state"

已经审核

没有审核

全部

/fieldset>

当日总结：

1、可以用谷歌翻译功能用英文定义变量名。

显得正规。

2、表单相同类型的名字要定义一样，不然就会出现问题。

如下面的namesex必须要一样，而不是sex1,sex2

男<

3、隐藏域的使用

****隐藏（它的用处主要是，即可提交数据，同时不影响界面）<

123"

sal"

4、表单的typenamevalue必须都要有才能服务器抓包完整和正常。

最好英文定义。

不要用汉字和阿拉伯数字。

name不要用关键词

checked/>

checked是默认选中的意思。

下拉选项则用selected.

文本框中幽默认文字分别采用

textareacols="

30"

请这里输入....<

请输入名字..."

5嵌入电影

电影链接"

6、<

------>

注释

7、国标码是gb2312或者gbk,编码专家们为了让网页具有更好的兼容性，设计一种码交utf-8

8/asni美国国家标准协会其制定的一套码

9/规定，我们的网页本身的编码应当与content-type指令的编码要一致。

在另存为选择编码的时候要注意。

不乱代码在浏览器会出现乱码

10/客户端图象映射图（ClientSideImageMap）这个功能很有用。

在清华大学图书馆主页图像类别有详细介绍

11/表单的<

一般用post,保密好。

12、图片也可以做成跑马灯的效果

13、框架没有笔记。

重要的是target，主要用于后台的制作。

在第五讲和第六讲有详细介绍。

14、fieldset标签。

就是出现一个圆角的圈将内容包起来。

15、width="

30px"

如果没有效果，可以采用style="

16<

center>

元素<

就会将任何元素无论表格还是文字

展开阅读全文