HTML基础汇总

HTML基础知识汇总,HTML(Hypertext Markup Language)是用于描述网页文档的一种标记语言。

  1.HTML文档主要由3部分组成。

  

开头

<html>

头部

标题

<head>

<tile>网页标题</title>

</head>

内容

<body>

网页内容

</body>

结束

</html>

  

 

 

  2.<meta>标签

Meta标签:网页信息.如:网页编码信息..  

  3.bgcolor=”#ffccff”;设置背景色.

Background=”back_image.gif”;设置背景图片.    

   使用方法:

把网页的背景色设置成绿色

<body bgcolor=”green”>网页内容</body>

  4.<font>标签用于控制网页上文本的显示外观.文本大小,字体类型,和颜色等属性.

语法:

<font size=”+1” color=”red” face=”隶书”>

文本内容

</font>

说明:size属性是用来设置字体大小,可以为字体指定大小范围为1~7.最大为7,最小为1.

Color属性用于指定字体的颜色,可以指定颜色名称或十六进制值.

Face属性用于指定字体类型.

  

  5.列表

无序列表:语法;

<ul type=”circle”>

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

        </ul>

Type可以取DISE表示实心.CIRCLE表示空心圆.SQUARE表示空心正方形.

有序列表:语法:

<ol type=”1”>

<li>第一项</li>

<li>第二项</li>

<li>第三项</li>

</ol>

Type可以取:1,a,A,i,I.分别表示数字序列,小写英文字母序列,大写字母序列.小写罗马序列,大写罗马序列.

6.超链接:用于创建超级链接,它是可以到另一个文档或文件(图形,音频,视频)甚至到同一文档的另一部分的链接.

语法:<a href=”register/register.html”>注册链接</a>

其中,href用来指定要链接的地址.链接的热点文本.

链接到本页面.

<a name=”marker”>锚点位置</a>

<a href=”#marker”>链接到锚点</a>

电子邮件链接

<a href=”mailto:webmaster@56room.cn”>站长邮箱</a>

7.滚动<marquee>标签.

语法:

<marquee scrolldelay=”100” direction=”up”>滚动的文字或图像</marquee>

其中,scroldelay表示滚动延迟时间.direction表示滚动的方向,默认为从右向左,它可以用4个值:up,down,left,right

8.表格

<table width="200" bgcolor=”green” border="1" cellpadding="5" cellspacing="5" > //tabel表格标签

<tr> //tr行标签

<td>一个单元格;</td> //td单元格标签

<td colspan="2">跨两列的单元格</td>

</tr>

<tr>

<td rowspan="2">跨两行的单元格</td>

<td>一个单元格</td>

<td>一个单元格</td>

</tr>

<tr>

<td>一个单元格</td>

<td>一个单元格</td>

</tr>

</table>

其中,border为表格边框.colspan跨列,rowspan跨行,cellpadding填充,cellspacing间距.bgcolor整个表格的背景.

9表单

<form method="post" action=""> //表单标签,表单开始

<input type="text" name="单行文本框" /> //单行文本框

<input type="password" name="密码框" /> //密码框

<textarea name="多行文本框"></textarea> //多行文本框

<input type="checkbox" name="checkbox" value="复选框" /> //复选按钮

<input type="radio" name="RadioGroup1" value="单选" /> //单选按钮

<select name="select"> //下拉列表

</select>

<input type="submit" name="Submit" value="提交" /> //提交按钮

<input type="reset" name="reset" value="提交" /> //重置按钮

<input name="浏览…" type="file" /> //浏览文件按钮

</form> //表单结束

10. 框架

<frameset border=”5” rows=”20%,*”> 分成上下两个窗口

<frame src=”top.html” name=”topframe” scrolling=”no” >没有滚动条

<frameset cols=”20%,*”> 分成左右两个窗口

<frame src=”left.html” name=”leftframe” scrolling=”no”>

<frame src=”right.html” name=”rightframe” >

</frameset>

分成左右两个窗口,分别为left和right窗口,显示的文档分别为left.html和right.html

</frameset>

如何设置窗口链接的显示位置.框架页面之间的链接

1:设计好框架集页面,并为每个框架窗口定义名称

如:<frame src=”right.html name=”rightframe”>

2:设置导航栏中的超链接的target目标窗口属性,使其值为框架窗口的名称

如:<a href=”right.html” target=”rightframe”>

HTML本身不难理解,其实都是一些基础性的知识,HTML中最重要的是表格和表单。假如要想了解更多HTML的应用使用HTML用户手册是一个很好的方法,那上边有用法和实例所以说我们应该认真的品味编程的趣味。

posted on 2012-05-10 14:30  zhangtao1212  阅读(178)  评论(0编辑  收藏  举报

导航