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用户手册是一个很好的方法,那上边有用法和实例所以说我们应该认真的品味编程的趣味。

转载于:https://www.cnblogs.com/qiulong/archive/2011/12/31/2309110.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值