隐藏

半小时学会HTMl标签的使用

发布:2014/9/30 11:56:30作者:管理员 来源:本站 浏览次数:1254

    半小时内让你明白什么是HTML?网页的基本标记结构是怎样的?Html的常用标签都有那些?在对它有一些基本的了解后,你就基本入门了,可以自已从网上查找更多相关资料自我学习提高了。


    什么是HTML:简单地来说,HTML的语法就是给文本加上表明文本含义的标签,比如文本,图片,表格,链接等标签,是用于描述网页文档的一种标记语言。
    下面是一个最简单的HTML文档结构:
    <!doctype html>
    <html>
    <head>
    <meta charset="gb2312">
    <title>标题</title>
    </head>
    <body>
    内容主体
    </body>
    </html>
    这是一个规定好的结构,头部<html>标签声明这是一个html文档,<head>标签用于包含整个文档的一般信息,包 括<title>网页的标题,<meta>网页关相信息说明等等,而<body>标签则是网页的主体部分,在此标志 对之间可包含<div></div>,<p></p>、<h1>< /h1>、<br>、<hr>等等众多的标志,它们所定义的文本、图像、链接等将通过浏览器解析显示出来。

    接着我们要了解一些常用的html标签
    (1)标题标签heading
    <h1></h1>  创建最大的标题
    <h2><h2>   创建第二大的标题
。。。。。。。。。。。。。
    <h6></h6>  创建最小的标题
    (2)段落paragraph      <p> </p>
    (3)换行(单标签)        <br>
    (4)超链接   <a href="http://www.guopengtao.com" target="_blank">超链接</a>
    (5)水平线          <hr>
    (6)无序列表        <ul>  <li></li> </ul>
    (7)有序列表        <ol>  <li></li> </ol>
    (8)文本横排        <span></span>                        
    (9)插入图片      <img src="图片的路径 " width="500" height="500" />
    (10)表格
    <table></table>         创建一个表格
    <tr></tr>               表格中的行
    <td></td>               表格中的列
    <b></b>               加粗
    <strong></strong>       加粗(<b>与此标签功能一样)
    (11)字体的大小和颜色   <font size="3" color="red">郭朋涛网页设计!</font>

    明白了html的常用标签后,我们就可以开始用html标签进行网页排版编辑了。

    例如在内容主体 <body>标签中添加一段文本<p>文本的内容</p>,添加一个图像  <img src="图片的路径 " width="500" height="500" /> 添加一个超链接<a href="http://www.guopengtao.com" target="_blank">超链接</a>

 

    然后在浏览器中预览下你的杰作,是不是很有趣,很简单,学html半个小时就入门了。