html中的一些基本简单标签使用
2018-08-16 本文已影响4人
金鲤
前一篇文章里跟大家讲了下html的编写基本格式，今天跟大家讲一讲编写html时使用的一些常用基本标签。？，你问我为什么不在讲基本标签使用前先讲一讲标签的属性，否则讲的标签怎么会完整，学习网站上不是很多都先提一提属性的吗？……，呵呵！你都知道了属性是标签的一部分，不先了解标签怎么理解属性，怎么方便我让大家更好的理解消化相关知识，怎么方便我水一水字数……。
好了，题外话不多说了。先讲一讲大家都熟悉的标题吧。
1.标题<h></h>
格式:<hnum>标题</hnum>，其中num一般来说是从1-6，比如:
<h2>这是一个h2的标题</h2>
这其中h1字号最大，h6字号最小。一句话，随着标题字号随着num的增大而线性变小。
举个例子：
<h1>现实，来打女朋友！！！</h1>
2.区块/内联标签<div></div>，<p></p>，<span></span>，
，
先讲讲他们的作用，
<div>:内容块一个，放内容用的。
<p>:段落，嗯，还是放内容用的。
<span>:哈哈，依然是放内容用的，不过这个是内联标签。
:换行用的。
:与接下来的内容之间加一条分隔线。
其实因为太多简单这些东西并没有太多需要注意的地方，但你不得不注意看完这些。因为这些都是编写html时最基础的东西。
嗯，还有个需要注意的地方，就是区块标签自带换行。而内联标签不自带换行。当然，学到后面你就会发现，不注意这点会让你在编写的时候遇到点小麻烦。但也就那么回事，用的溜了，没什么不能做的。运用之妙，存乎一心。
3.简单小实例
不说话，直接用文本编辑器建个test.html（或test.htm的文件也行，没什么区别），然后把我这段代码复制进去，双击打开，你就会看到效果。
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>简单小实例</title>
</head>
<body>
<div>
<h3>竹石</h3>
<p>咬定青山不放松，</p>
<p>立根原在破岩中。</p>
<p>千磨万击还坚劲，</p>
<p>任尔东西南北风。</p>
</div>
<hr/>
<span>
穿越暗号：奇变偶不变，
</span>
<br/>
<span>
下一句？
</span>
</body>
</html>
4.其他常用标签
比如，<table>,<img>,<a>什么的，因为不简单或者涉及到属性什么的，所以本文不理会。请自行上网查找，或观阅接下来的文章。
