html 基本练习

<预习>
html;超文本标记语言 hyper text lenguage
就是一个有标签的文本文档,后缀是html htm

标签(元素);用来将文本图片等内容,包括起来,方便查找,修改,操作样式,
在页面显示的时候是不不显示的。

最基本的html标签
<html>
<head>

     <title>标题</title>

</head>

<body>

      这里放页面内容
<font size='6',>
</font>


</body>

</html>

文字控制标签;
<font size--设置尺寸></font>
每个标签都有属性,属性写在开始标记的尖括号范围内,跟标签名称用空格隔开,不同的标签有不同的属性


一 格式控制标签

1,<font color="#3300CC"  size="+3">
2,<b>字体加粗</b>
3,<i>倾斜</i>
4,<u>下划线</u><br>
5,<strong>字体加粗,强调语气</strong>
6,<center>居中</center>
7,<br>回车<br/>
二 内容容器标签

1,<p> 段落的标签 </p>
2,<div>层标签(默认占一行)</div>
3,<span>层标签(默认用多大空间占多大空间)</span>
<title>网页标签</title>
</head>

<body>
<font color='#CC0033' face='Tahoma, Geneva, sans-serif' size='+5'>大傻</font><!--这是字体控制--><br>
<h1> 标题一</h1>
<p>
春年不觉晓<br>
处处闻啼鸟
<!--层标签-->
</p>
<font color='#00CCFF'>第一行<div> 层标签 </div></font><br>
<font size='+3'>第二行<span> 层标签</span></font>
<!--有序列表-->
<ol type='1'>
<li>约里克</li>
<li>宇智波</li>
</ol>
<!--无序列表-->
<ul type='square'>
<li> 约里克</li>
<li> 宇智波</li>


</ul>
<!--添加超链接-->
<a href="http;//www.baidu.com" target='_blank'>baidu</a>


</body>
</html>

<title>书签</title>
</head>



<body>
<!--书签-->
<a name="一">下返回i哦哈佛为哈佛i和威尼斯  雨<br></a>
<a name="二">你的活动恩对了我离晴<br></a>
<a name="三">阴唠嗑呢可能为们纷纷天<br></a>
<a href="#一">下雨</a>
<a href="#二">阴天</a>
<a href="#三"></a>
</body>
</html>
<title>表格档</title>
</head>

<body>
<table width="500" border="3" cellpadding="0" cellspacing="0" >
<tr height="50">
<td height="50">姓名</td>
<td height="50">刘德华</td>
<td height="50">梁朝伟</td>
<td height="50">周星驰</td>
</tr>
<tr height="50">
<td height="50">年龄</td>
<td height="50">20</td>
<td height="50">30</td>
<td height="50">40</td>
<tr height="50">
<td height="50">帅哥指数</td>
<td height="50">100</td>
<td height="50">80</td>
<td height="50">60</td>
</tr>


</table>
</body>
</html>

 

 

 

posted @ 2015-05-03 09:52  王文姿  阅读(855)  评论(2编辑  收藏  举报