html+css学习笔记.docx

《html+css学习笔记.docx》由会员分享，可在线阅读，更多相关《html+css学习笔记.docx（27页珍藏版）》请在冰豆网上搜索。

html+css学习笔记

课程安排

Html+css网页版游戏制作花生壳将内网IP映射到外网IP飞秋局域网即时通讯

Httpwatch插件

一，Html开发工具

记事本

Zendstudio

Editplusvim

Dw

Frontpage

其他

二，html的基本结构

<元素属性1=“属性值”..>内容

<元素属性=“属性值“/>

三，html的标记

用尖括号<>括起来。

标记通常是成对出现的，单标记
.

四，Html的属性

后缀html和htm的区别？

答：

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

2,htm后缀为了兼容以前dos系统8.3命名规范、

手册。

W3school教程

（第一天课程，7.18.）

传智播客。

一，html的符号实体。

网页上显示一些特殊的符号。

二，html的超链接。

1）基本语法：

………

电子邮箱地址”>

跳转到XX

2）跳转到页面的另一个地方

…..

…..

3）跳转到另一个页面的某个地方

…..

…

超链接的案例：

Demo1.html

连接到a.html

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

跳转到XX

veaglefly@">联系管理员

A．html

a.html

--如果你希望跳转的页面实在网落上，则在href属性写完整的url-->

返回demo1页面

图片：

Html的表格元素在以前对网页布局要求不高的情况下，使用table布局（即使用表格来显示数据）表格太多搜索引擎不喜欢。

（Seo页面优化。

）

Align=“left，center，right”表格的位置。

行列bgcolor=“yellow”背景颜色为黄色。

应用案例：

1.确定行数列数。

5行3列

2.确定像素faststone

（第二天课程，7.19）

一，无序列表

• today

• tomorrow

  ●today

  ●tomorrow

  二，有序列表

  1. today

  2. tomorrow

     1.today

     2.tomorrow

     三，html框架-列表frameset

     Cols=”各窗口百分比，隔开”

     Rows=“各窗口百分比”>

     Frameset.html页面

     这个页面不能有body和body体。

     Index1.html页面

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

     周杰伦
     

     齐秦
     

     Target属性值有四个

     _blank:

     表示打开一个全新的页面

     _self:

     替换本页面

     _top:

     整个浏览器窗口

     _parents:

     父窗口

     *还有一个就是target后直接写对应的那个frame名字

     （第三天，7.21）

      

     一，html浮动窗口

     Iframe的使用

     有事我们需要在一个含有的页面嵌入另一个页面，形成画中画的效果。

     入门案例：

     hello,world

     二，表单元素介绍。

     （重点）

     我们需要吧一些数据提交给服务器处理，比如注册用户，发帖，，，这要就需要使用到表单元素。

     常见的有：

     输入框，单选框，复选框，文本域，密码框，上传文件.

     基本结构：

     类型=text,password,checkbox,radio,image,hidden.submit,reset

     名字=SymbolicnameforCGIscript

     Name的值可以任意，但是不要使用关键字。

     一般说，表单元素是被包含起来的。

     --action的值是提交给那个页面的url-->

     --methed方法是提交数据的方式，常用的有两种get、post-->

     案例代码：

     Login.html页面

     --action的值是提交给那个页面的url-->

     --methed方法是提交数据的方式，常用的有两种get、post-->

     用户名：

     
     

     密  码：

     
     

     Ok.html页面

     ok!

     登陆成功！

     请考虑：

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

     下拉列表

     四川

     北京

     西藏

     
     

     *多选下拉表

     图片按钮

     整个案例代码：

     其他标记

     背景音乐：

     #=文件的url;

     #=循环数；

     嵌入多媒体文本：

     #=url；

     本标记可以用来在主页嵌入多媒体文本，movies,sounds,虚拟现实语言（vrml）…….*需要把plugin安装完备。

     插入视频剪辑

     用url.avi这一avi文件来播放视频；用gif图像来作为视频的封面，即在浏览器尚未完全读入avi文件时，先在avi播放区域显示该图像。

     何时开始播放avi

     #=fileopen,mouseover

     Fileopen即在链接到本标记的页面时开始播放avi。

     也可以同时设置：

     另外，用鼠标在播放区域点击一下，也令浏览器开始播放该avi。

      

     整个介绍：

     一，页面标记

     1.html文件结构：

     ………

     2.语言字符集（charsets）

     #=gb2312;gbk;utf-8等等

     3.背景色彩和文字色彩

     Bgcolor---背景色彩

     Text---非可链接的文字色彩

     Link---可链接文字的色彩

     Alink—正在被点击的可链接文字的色彩

     Vlink—已经被点击的可链接文字的色彩

     #=rrggbb色彩是用16进制的红-绿-蓝的值表示，16进制的数码有0,1,2,3,4,5,6,7,8,9,a,b,c,d,e,f.

     背景图像

     4.页面空白（margin）

     页面左边的空白

     页面上方的空白

     5.链接

     …

     6.标尺

     ---

     ;;

     二，字体

     1.字符标记（FONTTAGS）

     标题字体（header）

     #=1,2,3,4,5,6;1->6变小

     2.字体大小

     …#=1,2,3,4,5,6,7;

     #=1,2,3,4,5,6,7;

     3.物理字体（physical）

     字体加粗

     字体倾斜

     字体下划线

     4.字体颜色

     …

     5.客户端字体

     …

     #=客户端可获得的字体

     helloworld！

     6.字符实体

     &anp；&

     <；<

     >>

      空格

     三，文字布局（textstyle）

     1，行的控制

     空行

     
     换行

     2，文字对齐

     …

     …

     #=left,center,right

      

     3.文字的分区

     …