半小时内让你明白什么是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半个小时就入门了。