【www.shanpow.com--手抄报内容】
怎么用代码篇1:HTML代码怎么使用
一、基本框架 如同人一样,网页也包括了“头部”和“身体”, <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代码的内容远不止这些,想要在网页设计方面发展的朋友学好它是非常必要的。
怎么用代码篇2:首页怎么使用代码
皮肤干燥 快按按补水穴(图)
首页怎么使用代码
2011-09-18 22:05:40| 分类: 博客制作 | 标签: |字号大中小 订阅
有一些朋友,不知道怎么使用代码来美化博客的。。
我就写些简单的小教程。。
希望大家都能看得明白。。
高手,中手。。
可以跳过。。
嘿嘿。。。
例如我的首页,效果如下:
自我感觉良好哈。。
呵呵。。。
下面,就是步骤了。。
简单写写。。
不懂的朋友,可以给俺留言哈。。
希望对朋友们有用。。。
代码的文章的链接如下:
http://gzbopai.blog.163.com/blog/static/180155109201112551327136/
怎么用代码篇3:使用代码方法
边框代码的图片地址可以根据自己的心意任意改换成自己喜欢的图片。图片最好先传到相册里,免得失效。使用的图片大小可以根据自己的需要拉的,但不要超过边框,否则会不协调。如果想把日志图片做得更漂亮,可以把死板的图片渐变透明成边框内一样的颜色,这样做图片都要用代码从后面那里切入图片地址,其中有下面两种形状的。
1;圆形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=2,finishopacity=0)"></center>2;X形渐变透明<center><img src="图片地址" style="filter=alpha(opacity=100,style=3,finishopacity=0)"></center>
下面请仔细看
<TABLE style="BORDER-RIGHT: #00ff00 15px ridge; BORDER-TOP: #00ff00 15px ridge; BORDER-LEFT: #00ff00 15px ridge; BORDER-BOTTOM: #00ff00 10px ridge; BACKGROUND-COLOR: #ff0000" cellSpacing=0><TBODY><TR><TD><TABLE border=1><TBODY><TR><TD>
这里是文字的输入地方,随着文字的增多,边框就逐渐放大。可以放加入背景图片的代码 ,【这组边框的整体是伸缩的,用的时候适当调整】<BR></P></TD></TR></TBODY></TABLE></TD></TR></TBODY></TABLE>
说明:红色代码是右边框;绿色代码是上边框;深蓝色代码是左边框;桃红色代码是下边框;天蓝色代码是边框内面背景颜色;黄色代码cellSpacing=0是限制内边框与外边框距离的,“0”表示没有距离,是可以改变的。(这段代码里没有内边框代码)#号后面的00ff00是颜色代码,可以变换,要改变边框颜色就要将四边#号后的代码变为同一个代码,否则,四边的颜色就会不同。颜色代码可以在颜色代码表里找;到网页里搜索【颜色代码】即可找到;10PX是表示边框的宽度,数值可以改变;加内边框的方法是,把这组代码反复复制粘贴就可以了、“=”号后的“1”可以变为“2”或“3”,不可改得太大,因为这是限制内边框宽度的,太宽了就不好看了;
如
<TABLE border=1><TBODY><TR><TD>
<TABLE border=1><TBODY><TR><TD>
复制上面代码,随您自己心意改变其中颜色代码即
可;【注,一定要在HTML下使用】
我下面的两张图片就是用的两种透明形
第一是;圆形渐变透明
第二是;X形渐变透明