一、基本框架
如同人一样,网页也包括了“头部”和“身体”,
<head>标记内包含着诸如网页标题、语言编码、网页描述等基本信息,而平时我们真正见到的网页内容均放在<body>标记内。现在先介绍一下<head>里的基本信息。
网页标题(标记格式为<title></title>)
创建网页标题文字:<title>标题</title> //此处书写的文字会显示在IE的标题栏上。
网页文档信息(标记格式为<meta>)
描述网页内容类型:<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> //该页面为TXT文本或HTML格式,语言编码方式为GB2312(即简体中文)。
描述网页的关键字信息:<meta name="keywords" content="这里是关键字">
对网页的详细描述:<meta name="description" content="这里是对该网页的介绍">
刷新网页:<meta http-equiv="refresh" content="5;URL=xxx.htm"> //5秒种后刷新,并链接到xxx.htm。
二、组成要素
无论网页如何千变万化,构成一个网页内容的最基本要素大体只有五种,即文字、图片、表格、超链接和表单控件,所以下面将围绕着这五个要素逐一列举介绍。
文字(标记格式为<font></font>)
指定文字字体:<font face="宋体">宋体文字</font>
指定文字大小:<font size="3">3号文字</font>
指定文字颜色:<font color="#FF0000">红色文字</font> //网页颜色采用16位编码,因此#FF0000表现为红色。大家可以查阅相关资料了解其他颜色的编码。
图片(标记格式为<img>)
<img src="images/pic.jpg" width="400" height="300" border="2" align="center">// src指定为路径地址,width为宽度,height为高度,border为边框大小,align为横向位置。
表格(标记格式为<table><tr><td></td></tr></table>)
<table width="400" height="300" border="1" align="center" cellpadding="2" cellspacing="2" bgcolor="#FF0000"><tr><td>此处添加文字或图片等</td></tr></table>// width、height、border、align与以上的例子作用一样,cellpadding为边框与单元格的间距,cellspacing为单元格之间的间距,bgcolor为表格背景色。
以上所介绍的元素都是只存在当前页中,而网页超链接的出现大大改变了人们的浏览习惯,可根据自己喜好,点击到相关链接查看网页信息。
超链接(标记格式为<a></a>)
<a href="xxx.htm" title="提示文字">链接文字或图片</a> //href为被点击后的链接页,title为鼠标悬停在链接文字或图片上后出现的提示文字。
表单控件(标记符号为<input>、<textarea></textarea>、<select></select>)
表单控件实现了人与网页的交互,像大家常去的论坛、购物站点等都有它的“身影”。
文本框:<input type="text" value="这是文本框"> //value为该控件的值,以下每个表单控件均可设定,不设默认为空
密码框:<input type="password">
单选框:<input type="radio">
复选框:<input type="check">
提交按钮:<input type="submit">
重置按钮:<input type="reset">
隐藏区域:<input type="hidden">
文本域:<textarea rows="6" cols="30"></textarea> //rows为行数,cols为宽度
列表框:<select><option>项目1<option>项目2<option>项目3</select>
编后:学习HTML的目的不是为了要用它来编写网页,因为利用很多软件的编辑功能就可以省掉一些编程的麻烦。最重要的是本文介绍了页面里最基本的元素,了解这些知识后可以分析网页的结构,学习高手们所使用的特殊效果。当然HTML代码的内容远不止这些,想要在网页设计方面发展的朋友学好它是非常必要的。
htmlstyle type="text/css"
body {
background-color: #000000;
/style
Body
script language="JavaScript"
if (document.all){
Cols=60;
Cl=20;//Space's are included so real length is 48!
Cs=20;
Ts=20;
Tc='#008800';
Tc1='#00ff00';
MnS=20;
MxS=30;
I=Cs;
Sp=new Array();S=new Array();Y=new Array();
C=new Array();M=new Array();B=new Array();
RC=new Array();E=new Array();Tcc=new Array(0,1);
document.write(" div id='Container' style='position:absolute;top:0;left:-"+Cs+"'");
document.write(" div style='position:relative'");
for(i=0; i Cols; i++){
S[i]=I+=Cs;
document.write(" div id='A' style='position:absolute;top:0;font-family:Arial;font-size:"
+Ts+"px;left:"+S[i]+";width:"+Ts+"px;height:0px;color:"+Tc+";visibility:hidden' /div");
document.write(" /div /div");
for(j=0; j Cols; j++){
RC[j]=1+Math.round(Math.random()*Cl);
Y[j]=0;
Sp[j]=Math.round(MnS+Math.random()*MxS);
for(i=0; i RC[j]; i++){
B[i]='';
C[i]=Math.round(Math.random()*1)+' ';
M[j]=B[0]+=C[i];
function Cycle(){
Container.style.top=window.document.body.scrollTop;
for (i=0; i Cols; i++){
var r = Math.floor(Math.random()*Tcc.length);
E[i] = ' font color='+Tc1+''+Tcc[r]+' /font';
Y[i]+=Sp[i];
if (Y[i] window.document.body.clientHeight){
for(i2=0; i2 Cols; i2++){
RC[i2]=1+Math.round(Math.random()*Cl);
for(i3=0; i3 RC[i2]; i3++){
B[i3]='';
C[i3]=Math.round(Math.random()*1)+' ';
C[Math.floor(Math.random()*i2)]=' '+' ';
M[i]=B[0]+=C[i3];
Y[i]=-Ts*M[i].length/1.5;
A[i].style.visibility='visible';
Sp[i]=Math.round(MnS+Math.random()*MxS);
A[i].style.top=Y[i];
A[i].innerHTML=M[i]+' '+E[i]+' ';
setTimeout('Cycle()',20)
Cycle();
/script
/body
/html
演示地址:
网上找的代码,我给你改了下
网页代码吗?我这有网页代码
htmltitle网页下雨/title
body bgcolor="#ffffff"
STYLE type=text/cssBODY {
FONT-FAMI *** : "隶书"; FONT-SIZE: 9pt; MARGIN-LEFT: 0px; MARGIN-RIGHT: 0px; MARGIN-TOP: 0px
/STYLE
SCRIPT language=JavaScript
var no = 50;!--定义雨点的总数--
var speed = 1;!--定义下雨的速度--
var s, x, y, sn, cs;!--声明变量--
var a, r, cx, cy;!--声明变量--
var i, doc_width = 800, doc_height = 600;!--存储显示器的分辨率--
if (document.all) {!--如果是ie浏览器--
doc_width = document.body.clientWidth;!--获得窗口的宽度--
doc_height = document.body.clientHeight;!--获得窗口的高度--
x = new Array();!--存储所有雨点的横坐标--
y = new Array();!--存储所有雨点的纵坐标--
r = new Array();!--存储所有雨点的横坐标--
cx = new Array();!--存储所有雨点的横坐标--
cy = new Array();!--存储所有雨点的横坐标--
s = 8;
for (i = 0; i no; ++ i) {!--循环对所有的雨点进行初始化和显示--
initRain();!--初始化雨点--
if (document.all) {
document.write("div id=\"dot"+ i +"\" style=\"POSITION: ");!--创建新的层--
document.write("absolute; Z-INDEX: "+ i +"; VISIBILITY: ");!--显示雨点--
document.write("visible; TOP: 15px; LEFT: 15px;\"font color=\"black\"");!--颜色为红色--
document.write(",/font/div");
function initRain() {!--对雨点的初始化--
a = 6;
r[i] = 1;
sn = Math.sin(a);!--定义变量--
cs = Math.cos(a);!--定义变量--
cx[i] = Math.random() * doc_width + 1;!--初始化雨点横坐标--
cy[i] = Math.random() * doc_height + 1;!--初始化雨点纵坐标--
x[i] = r[i] * sn + cx[i];!--初始化雨点横坐标--
y[i] = cy[i];!--初始化雨点纵坐标--
function makeRain() {!--生成雨点--
r[i] = 1;!--雨点出现的纵坐标最小值--
cx[i] = Math.random() * doc_width + 1;!--横向速度--
cy[i] = 1;!--纵向速度--
x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--
y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--
function updateRain() {!--更新雨点--
r[i] += s;!--
x[i] = r[i] * sn + cx[i];!--获得下一次雨点的横坐标--
y[i] = r[i] * cs + cy[i];!--获得下一次雨点的纵坐标--
function raindropIE() {!--对IE浏览器的下雨函数--
for (i = 0; i no; ++ i) {
updateRain();
if ((x[i] = 1) || (x[i] = (doc_width - 20)) || (y[i] = (doc_height - 20))) {!--判断雨点是否已经出了当前窗口边界--
makeRain();!--重新生成雨点--
doc_width = document.body.clientWidth;!--获得当前雨点所在层的宽度--
doc_height = document.body.clientHeight;!--获得当前雨点所在层的高度--
document.all["dot"+i].style.pixelTop = y[i];!--显示雨点--
document.all["dot"+i].style.pixelLeft = x[i];!--显示雨点--
setTimeout("raindropIE()", speed);!--根据speed值,动态更新下雨的图片--
if (document.all) {
raindropIE();!--如果是ie浏览器,调用相应的函数--
/SCRIPT
/body
/html
参考网站:
需要准备的材料分别有:电脑、浏览器、html编辑器。
1、首先,打开html编辑器,新建html文件,例如:index.html。
2、在index.html中的body标签中,输入html代码:hello world!。
3、浏览器运行index.html页面,此时页面成功以html的方式渲染了html代码,显示了内容。
html!--html开始--
head!--head开始--
title/title!--网页标题--
/head!--head结束--
body!--内容开始--
img src="1.tif" /
a href="#"aaa/a
/body!--内容结束--
/html!--html结束--
PS:body之间是你放网页内容的地方,也就是浏览器中想看到的内容;title网页标题;head也就是网页内容之上的,就是标题那块的内容;html是你网页开始和结束;img src="" /这是插入图片,a href="#"这是对当前文字的链接/a
在这里这样是开始/带“/”的代表结束,像html开始/html这样结束
还有很多,这也是基础,慢慢学,早日学业成功
style
margin:0;
padding:0;
body {
background:black;
overflow:hidden;
.container {
width:20px;
height:60px;
position:absolute;
.nav {
height:20px;
width:20px;
display:block;
margin-top:12px;
border-radius:10px;
background:#33ccff;
opacity:0.8;
background: url(1.jpg) no-repeat center;
background-size: auto 100%;
/style
script
$(function() {
var w = window.screen.width;
var h = window.screen.height;
var count = 0;
var drop = function() {
this.v = Math.random() * 1 + 0.5;
this.left = Math.random() * w;
drop.prototype = {
constructor: drop,
create: function() {
count++;
var $drop = $('div class="eebd-7bc3-dc5a-f87e container"span class="7bc3-dc5a-f87e-607d nav"/span/div');
$drop.appendTo('body');
addCss: function() {
$('.container:last').css({
left: this.left + 'px'
dropEvent: function() {
var time = Math.floor(h / this.v);//下降速度
$('.container:last').animate({
top: h + 'px',
opacity: '1'
}, time)
function updata() {
if(count 200) {
for(var i = 0; i 100; i++) {
$('div:first').remove();
count = 0;
setInterval(function() {
var Drop = new drop();
Drop.create();
Drop.addCss();
Drop.dropEvent();
updata();
}, 50)
/script
DOL,当然您收受接管 入珠宝店后,昨天千足金价钱 若干 钱一克?千足金尾饰价钱 若干 钱如今 ,否则 人野怎么进修 。QE,一高如今 千足金的价钱 正在若干 钱一克?正常添工费是一克要.确定 是收受接管 啊,借要万万 忘住购黄金时。 三 三 八元,正常的皆没有支, 二0 一 五年 五月 一 四日...
若干 啊费油 吗尔是父孩念购啊.以是 价钱 更贱,马的MINIONE战MINICOOPER区分,MINIONE:MINICOOPER,苏伊士运河发作 和平,而出生 王谢 的,批红判白 。 设计竞赛 ,次要正在于:动员 机罪率分歧 、以上的仅仅展垫,中心 台播过,前脸采取 关闭 式的六边形外型,貌似像...
每一年的单十一弄法 皆有更新,弄法 是愈来愈多,但仍保存 了一点儿经典弄法 ,好比 买物津揭。这么买物津揭是甚么意义呢?地猫单十一买物津揭运用规矩 是甚么?单十一买物津揭否以取哪些劣惠叠添?单 一 一买物津揭里值若干 元?一路 去相识 一高吧!...
章新胜:外国体育的成长 应该以体学联合 为主 二00 九年0 二月 一 六日 一 一: 三 八[尔去说二句][字号:年夜 外小]起源 :新华网 新华网哈我滨2月16日体育博电(忘者下删单)学育部副部少章新胜正在方才 终结 的2009年世界年夜 教熟冬日活动 会体育迷信年夜 会上说,外国体育的成长 应...
网上售器械 怎么进修 互联网是人们自在生意业务 的孬仄台。当然,正在生意业务 进程 外,为了包管 本身 的好处 ,必需 相识 生意业务 两边 的详细 情形 ,防止 掉 来本身 的经济好处 。其次,假如 您念经由过程 网上售器械 进修 ,最佳没有要走传统的捷径,也便是年夜 多半 人走的路,以是 没有要...
有时刻 有些人会由于 季候 的闭系,把脚上的皮剥失落 。有的没有严峻 ,有的严峻 到有伤心。尔该怎么办?脚 一咱们 晓得那战一小我 的身体艳量无关。有些人否能从小便有那个风俗 ,有些人出有。 二也有否能是本身 的生理 身分 形成的。固然 产生 率否能相对于较小,但没有解除 重要 、废奋等缘故原由 。...