html 的初识

1.什么是html？

  Hypertext markup language(超文本标记语言)

  由w3c万维网联盟制定，浏览器按照标记的含义显示内容。

    用来设计网页的标记语言，以这种编辑语言编写的文件必须以.html或.htm(早期的windows要求后缀不得超过三个字符，也许为了兼容早期的东西)为后缀，会被浏览器解释执行的标记语言。

 

2.Html的基本结构？

 

 

与显示无关

标题：要显示在浏览器的标签

”refresh”content=”5”>每隔五秒刷新一次

”content-type”

content=”text/html;charset=utf-8”>

比如：refresh浏览器会在指定的时间间隔刷新页面

Content-type高速浏览器返回的数据类型及编码

”stylesheet” type=”text/css”href=”style.css”>

”myjs.js”>

 

 

 

注意:标记不要这样写.因为有些浏览器不识别。

也不能这样写，

经常用来申请一些模拟的消息头

不要这样写”” type=””href=””>

 

  消息头：

 

3.Html的版本

Html90年发布

4.主要的浏览器

Ie 微软#

Firefox mozila #

Chrome google

Opera 挪威

Safari apple

5.重要的标记  

1）链接

a 基本使用

”链接所指的地址” target=”打开的窗口

“ title=“提示信息”>连接的描述         

Target属性：

_self:缺省值，在当前窗口打开

_blank:在新窗口中打开

     b ，使用图片作为连接

”链接地址”>”图片地址”/>

换行

使用图片作为连接或自动加边框，要用border=”0“去掉

       C,使用链接发送邮件

href=”mailto=[e-mail]?Subject=hello”>给我发邮件

D，锚点

在同一个页面进行跳转

Step1定义一个锚点

”top”小龙女是一个。。，

Step2跳转到锚点

”#top”>小龙女

E使用热点做为链接

Step1定义热点

”Map”>

”rect” coords=”407,20,560,77”href=”gy.html”>

 

Shape形状rest长方形，两个点的横纵坐标

Step2使用热点

”index04.jpg”width=”772”height=”357”

border=”0”Usemap=”#Map”>

F，链接的伪样式

2）表格

A 表格的基本使用

”1”width=”60%“ cellpadding=”“ 

cellspacing=”“>

 

 

 

Border属性：表格边框的宽度

Width属性：表格的

Cellspacing属性：单元格与单元格之间的空隙

Cellpadding属性：单元格内容与单元格的空隙

B 表格的对齐

Align属性：水平对齐 left（缺省）/right/center

C 不规则的表格

Colspan属性：合并水平方向的单元格

Rowspan属性：合并垂直方向的单元格

 

用户注册登录，访问，提供下载

服务端     ，管理员管理用户数据，

           处理客户端任务

D 表格可以嵌套

 单元格的内容又是一个表格

E 表格的完整定义

 

 

主题

 

表头

 

表教

 

表体

 

 

 

keyichuxian 0,1次习惯上写在之后

 

:可以出现一次或者多次

3)表单

”服务器的程序地址”

Method=”提交方式（post/get）“

 

A input标记

文本输入框：”text”name=”username”value=”缺省值”/>

提交按钮:”submit”value=”提交”/>

密码输入框：”password”name=”pwd”/>

单选框：男”name=”gender“ value=”f”/>

Name相同说明是一组，单选

多选框

兴趣：

钓鱼:”checkbox”name=”interest”

value=”fishing”checked=”checked”/>

远足:”checkbox”name=”interest”

value=”hiking”/>

重置按钮：”reset”value=”重置”/>

普通按钮：”button”value=”按钮”/>

上传文件：”file”name=”file1”/>

隐藏域：

”hidden”name=”userTd”value=”123”/>

B非input标记

下拉列表：”city”>

”bj”>北京

上海

 

最后附上html

 

 

 

 

 

 

    证券调查示例

 

 

1234:可以出现0次或者1次

投资经验

新手

中级

专家

您否买股票的类型

股票

期权

互惠基金

您购买股票的方式为？

 1)网上交易2)电话交易3)经济人代理4)其他

今年选择什么证券？

有对其他投资者的意见吗？