HTML
程序开发有两种模式:
1、C/S 模式
c/s: Client / Server 客户端到服务器
C/S 程序架构的特点: 它是客户端与服务器端的访问模式,客户端程序是一个独立的程序
2、B/S 模式
b/s 浏览器/服务器
特点是: 它的客户端不需要单独的应用程序,只要有一个浏览器,就可以作为客户端来访问服务器
B/S 也是主流开发模式
HTML ------------------超文本标志语言
(通过一组标记,产生一些可以与用户交互的控件)
作用: 用于开发基于B/S架构的网页程序
网页程序的后缀名有: ****.html 或者 ***.htm
用什么工具开发 HTML程序
用记事本也可以开发网页程序
网页程序的基本结构:
<html>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
要显示给用户看的内容
</body>
</html>
-------------------------------------
如果在写网页程序的时候,没有指定html,head,body这些标记,所有的代码,默认包含在HTML标志中的body部份
编写网页的专业工具: DreamWeaver (网页三剑客之一)
网页三剑客:
DreamWeaver--帜梦剑
Flash
Firework
<body backgroundColor="yellow"> ----------标记(元素)
<body>---标记
backgroundColor="yellow" 它是依附在标记的信息,这些内容,我们称: 属性
<标记 属性名称=“属性值”>
<body>常见属性:
bgcolor----------设置页面的背景颜色
backgound--------设置背景图片
<bgsound src="音乐的路径"> --用于设置网页的背景声音
<h1>----<h6> 这些是标题标记,字体加粗黑体显示,H1的字段最大 H6的字体最小
<font size="100px"></font>--------字体标记
size---设置字体大小,单位是px(像素)
color---设置字体颜色
<Br> ------------网页中的换行标记
<p>内容</p> -----------段落标记,写在段落标志中的内容,都会自动换行
<hr> ------------水平线标记
<center></center>----居中对齐标记
<img src="" width="50px" heigh="50px">---图片标记
src用于指定图片的位置
width="" 宽
height="" 高
-----------------------------------------------------------------------------
<ol>
<li>内容</li>
<li>内容</li>
</ol>
有序列表
<li>----称为: 列表项
如果把<li>包含在<ol>中,它就会成为一个有序列表
---------------------
<ul>
<li>内容</li>
<li>内容</li>
</ul>
---无序列表
-------------------------
<li>内容</li>
<li>内容</li>
-----------------------------------------------------------------------
超连接标记 <a>
作用:
1、页面间的导航 (从一个页面,跳转到另一个页面)
2、发送电子邮件
3、页面内部导航
<a href="新地址">文本</a>
当用鼠标点击“文本”的时候,页面就会自动跳转到新的地址
---------------------------------------------------------------------
一个文件夹中,如果包含有很多html页面,通常我们认为: index.html是一个网页的首页
<a href="second.html" target="_self">进入</a> --这种方式,是从原来的网页直接跳转到新的网页
<a href="second.html" target="_blank">进入</a>
产生一个新页面,显示链接以后的地址,原来的页面依然存在
<a href="http://www.sina.com.cn">查看新浪</a>
------------------超连接发送邮件
语法: <a href="mailto:邮件地址">给我写信</a>
<a href="mailto:jack@163.com">给我写信</a>
------------------超连接内部导航(锚标记)
第一步,先做锚标记
<a name="aaa">内容</a>
第二步,跳转至对应标记
<a href="#aaa">跳转</a>
-----------------------------------------------------------------------------------
网页中特殊符号:
-----------代表一个空格
< ------------ < less than
> ------------ >
© ----------------------- 版权符
<pre></pre> -------预定义格式标签,写在这个标记的内容,它会原样输出
-----------------------------------------------------------------------
marquee-----------跑马灯(滚动字幕)
<marquee οnmοuseοver="this.stop()" οnmοuseοut="this.start()">欢迎光临!</marquee>
οnmοuseοver="this.stop()" ---当鼠标停留在跑马灯上时,停止滚动
οnmοuseοut="this.start()" 鼠标离开跑马灯,继续滚动
direction="left" 设置滚动方向
scrollamount="3" 设置滚动速率,值越小,越慢
HTML
程序开发有两种模式:
1、C/S 模式
c/s: Client / Server 客户端到服务器
C/S 程序架构的特点: 它是客户端与服务器端的访问模式,客户端程序是一个独立的程序
2、B/S 模式
b/s 浏览器/服务器
特点是: 它的客户端不需要单独的应用程序,只要有一个浏览器,就可以作为客户端来访问服务器
B/S 也是主流开发模式
HTML ------------------超文本标志语言
(通过一组标记,产生一些可以与用户交互的控件)
作用: 用于开发基于B/S架构的网页程序
网页程序的后缀名有: ****.html 或者 ***.htm
用什么工具开发 HTML程序
用记事本也可以开发网页程序
网页程序的基本结构:
<html>
<head>
<title>这是我的第一个网页</title>
</head>
<body>
要显示给用户看的内容
</body>
</html>
-------------------------------------
如果在写网页程序的时候,没有指定html,head,body这些标记,所有的代码,默认包含在HTML标志中的body部份
编写网页的专业工具: DreamWeaver (网页三剑客之一)
网页三剑客:
DreamWeaver--帜梦剑
Flash
Firework
<body backgroundColor="yellow"> ----------标记(元素)
<body>---标记
backgroundColor="yellow" 它是依附在标记的信息,这些内容,我们称: 属性
<标记 属性名称=“属性值”>
<body>常见属性:
bgcolor----------设置页面的背景颜色
backgound--------设置背景图片
<bgsound src="音乐的路径"> --用于设置网页的背景声音
<h1>----<h6> 这些是标题标记,字体加粗黑体显示,H1的字段最大 H6的字体最小
<font size="100px"></font>--------字体标记
size---设置字体大小,单位是px(像素)
color---设置字体颜色
<Br> ------------网页中的换行标记
<p>内容</p> -----------段落标记,写在段落标志中的内容,都会自动换行
<hr> ------------水平线标记
<center></center>----居中对齐标记
<img src="" width="50px" heigh="50px">---图片标记
src用于指定图片的位置
width="" 宽
height="" 高
-----------------------------------------------------------------------------
<ol>
<li>内容</li>
<li>内容</li>
</ol>
有序列表
<li>----称为: 列表项
如果把<li>包含在<ol>中,它就会成为一个有序列表
---------------------
<ul>
<li>内容</li>
<li>内容</li>
</ul>
---无序列表
-------------------------
<li>内容</li>
<li>内容</li>
-----------------------------------------------------------------------
超连接标记 <a>
作用:
1、页面间的导航 (从一个页面,跳转到另一个页面)
2、发送电子邮件
3、页面内部导航
<a href="新地址">文本</a>
当用鼠标点击“文本”的时候,页面就会自动跳转到新的地址
---------------------------------------------------------------------
一个文件夹中,如果包含有很多html页面,通常我们认为: index.html是一个网页的首页
<a href="second.html" target="_self">进入</a> --这种方式,是从原来的网页直接跳转到新的网页
<a href="second.html" target="_blank">进入</a>
产生一个新页面,显示链接以后的地址,原来的页面依然存在
<a href="http://www.sina.com.cn">查看新浪</a>
------------------超连接发送邮件
语法: <a href="mailto:邮件地址">给我写信</a>
<a href="mailto:jack@163.com">给我写信</a>
------------------超连接内部导航(锚标记)
第一步,先做锚标记
<a name="aaa">内容</a>
第二步,跳转至对应标记
<a href="#aaa">跳转</a>
-----------------------------------------------------------------------------------
网页中特殊符号:
-----------代表一个空格
< ------------ < less than
> ------------ >
© ----------------------- 版权符
<pre></pre> -------预定义格式标签,写在这个标记的内容,它会原样输出
-----------------------------------------------------------------------
marquee-----------跑马灯(滚动字幕)
<marquee οnmοuseοver="this.stop()" οnmοuseοut="this.start()">欢迎光临!</marquee>
οnmοuseοver="this.stop()" ---当鼠标停留在跑马灯上时,停止滚动
οnmοuseοut="this.start()" 鼠标离开跑马灯,继续滚动
direction="left" 设置滚动方向
scrollamount="3" 设置滚动速率,值越小,越慢