美文网首页
html中的一些基本简单标签使用

html中的一些基本简单标签使用

作者: 金鲤 | 来源:发表于2018-08-16 13:42 被阅读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>什么的,因为不简单或者涉及到属性什么的,所以本文不理会。请自行上网查找,或观阅接下来的文章。

    相关文章

      网友评论

          本文标题:html中的一些基本简单标签使用

          本文链接:https://www.haomeiwen.com/subject/ahjnbftx.html