入门HTML知识点概述

入门HTML知识点概述

一、插入了一个表格的网页，代码如下：解释如下：


<html>
<head>
<title>我是网页的标题</title>
</head>

   <body text="blue" background="20.jpg">
   <bgsound src="画心.mp3">
   <br/>
<h2 align="center"><marquee> 欢迎来到我的个人网页</marquee></h2>
<hr>
<p align="center" ><font color="red" size="4"><b><marquee behavior="alternate">个人简介</marquee><b></font></p>

      <table  border="1" width="500" height="250" align="center"  background="a.jpg" >
      <tr>
             <th align="center" colspan="4">我的简历</th>
      </tr>

      <tr>
             <td align="center">姓名：</td>
             <td align="center">张*</td>
             <td align="center">性别：</td>
             <td align="center">男</td>
      </tr>
   
      <tr>
             <td align="center">QQ：</td>
             <td align="center">1409399037</td> 
             <td align="center">体重：</td>
             <td align="center">58kg</td>
      </tr>
     
      <tr>
             <th align="center" colspan="4" ><i>个人简历</i></th>
      </tr>
      <tr>
             <td align="center">爱好：</td>
             <td align="center" colspan="2">打篮球</td>  
             <td align="center">个性的我</td>
      </tr>
      <tr>
             <td align="center">电话：</td>
             <td align="center" colspan="2">18797871243</td> 
             <td align="center" rowspan="4">一花一世界<br>
                                           一叶一追寻，<br>
                                           虽千万人，吾亦往矣</td>
      </tr>
      <tr>
             <td align="center" colspan="2">我喜欢的人：</td>
             <td align="center">我向往的生活：</td> 
      </tr>

      <tr>
             <td align="center" colspan="2">XXX</td>
             <td align="center">有趣</td> 
      </tr>
      <tr>
             <td align="center" colspan="2">XXX</td>
             <td align="center">闲适</td> 
      </tr>
    
      <tr>
             <th align="center" colspan="4" ><u><font color="red">个人说明</font></u></th>
      </tr>
      <tr>
             <td align="center" colspan="4">一花一世界 <br/>
                                            一叶一追寻，<br/>
                                            虽千万人，吾亦往矣
             </td>
      </tr>
      </table>
      </body>
      </html>

>>>网页格式为：
<html>
<head>
<title>这是网页的标题<title>
</head>

<body>
这是身体，写网页要显示的内容
</body>
</html>

二、各个标签所表示的意思或作用如下：

1、<hr>----是添加水平线
2、<p></p>----是一个段落
3、<table></table>----是插入一个表格
----表格格式为：
<table>
<tr>
<td></td>
<td></td>
</tr>
</table>
注：tr是行，td是列，上面表示一个一行两列的表格

4、<body text="blue" background="20.jpg">---- 表示的是设置了全文文字的字体颜色为蓝色，该网页的背景图片为20.jpg</body>

5、align="center"----是居中，（right，left 右左）

6、<font size="5" color="red"></font> ----font是设置文字属性的标签，size是设置文字大小，最大为7，color是颜色

7、border="1"---- 是设置表格边框粗细为1

8、width="50%"---- 是表格横向占用50%的位置，height="30%"是纵向占用30%的位置，也可以用数字代替其中的百分数，500为500px像素

9、 background="a.jpg" ----设置背景图片为a.jpg

10、colspan="3" ----表示横向合并3列作为1列
rowspan="4"----表示纵向合并4行作为1行

11、<bgsound src="画心.mp3"> ----表示插入背景音乐

12、<img src="书法/中国书法.jpg" width="100%" height="400px"> ----普通插入一张图片

13、<b></b>----设置粗体
<i></i>----设置斜体
<u></u>----设置下划线

14、 html用marquee标签来实现文字滚动属性和图片滚动属性（两者用法等同），常见参数如下：

　　1.滚动方向direction（包括4个值：up、 down、 left和 right）
　　语法：<marquee direction="滚动方向">...</marquee>

　　2.滚动方式behavior（scroll:循环滚动，默认效果； slide:只滚动一次就停止； alternate:来回交替进行滚动）
　　语法：<marquee behavior="滚动方式">...</marquee>

　　3.滚动速度scrollamount（滚动速度是设置每次滚动时移动的长度，以像素为单位）
　　语法：<marquee scrollamount="5">...</marquee>

　　4.滚动延迟scrolldelay（设置滚动的时间间隔，单位是毫秒）
　　语法：<marquee scrolldelay="100">...</marquee>

　　5.滚动循环loop（默认值是-1，滚动会不断的循环下去）
　　语法：<marquee loop="2">...</marquee>

三、由于本文是html的基础部分，所以基于初学者阅读，大牛们可忽略

入门HTML知识点概述

猜你喜欢