美文网首页
认识html标签

认识html标签

作者: 吴迪好 | 来源:发表于2016-06-16 22:06 被阅读101次

    让我们通过一个网页的学习,来对html标签有一个初步理解。平常大家说的上网就是浏览各种各式各样的网页,这些网页都是由html标签组成的。下面就是一个简单的网页。效果图如下:

    我们来分析一下,这个网页由哪些html标签组成:

    “勇气”是网页内容文章的标题,<h1></h1>就是标题标签,它在网页上的代码写成<h1>勇气</h1>

    “三年级时...我也没勇气参加。” 是网页中文章的段落,<p></p>段落标签。它在网页上的代码写成 <p>三年级时...我也没勇气参加。</p>

    网页上那张小女生的图片,由img标签来完成的,它在网页上的代码写成<img src="1.jpg">

    网页的完整代码如下图: 

    <!DOCTYPE HTML>
    <html>
        <head>
            <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
            <title>认识html标签</title>
        </head>


        <body>
            <h1>勇气</h1>
            <p>三年级时,我还是一个胆小如鼠的小女孩,上课从来不敢回答老师提出的问题,生怕回答错了老师会批评我。就一直没有这个勇气来回答老师提出的问题。学校举办的活动我也没勇气参加。</p>
            <p>到了三年级下学期时,我们班上了一节公开课,老师提出了一个很简单的问题,班里很多同学都举手了,甚至成绩比我差很多的,也举手了,还说着:"我来,我来。"我环顾了四周,就我没有举手。</p>
            <img src="http://img.mukewang.com/52b4113500018cf102000200.jpg" >
        </body>


    </html>

    相关文章

      网友评论

          本文标题:认识html标签

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