学习不止眼前的教程与笔记 还需实践与创新

搜索

首页>>网站建设>>Javascript>>经验笔记

HTML基础教程(四) HTML结构

发布时间:2019-12-11 点击:56

    HTML基础教程——结构

    在HTML网页中,其中大的结构是一定的,我们只是在大的架构下添加自己想要的HTML标签等来实现我们想要在浏览器中展现的效果。

    一、基本结构

    <html>
    <head>
    <meta charset='utf-8'>
    <title>我是浏览器中显示的标题</title>
    </head>
    <body>
    想要展现的内容写在此处...
    </body>
    </html>

    显示结果如下:

    发现了吗?其中HTML结构中的title标签中间的文字会显示在浏览器的页签上,我们通常叫做网页标题,在HTML结构中 head 标签之间的内容基本除了 title 之间的标题会在浏览器中显示,其他不会有任何观感显示;body中间的存放我们想要在浏览器中展示的内容,其中可以是其他功能性标签,也可以是文本,但是强烈建议不要直接使用文本的方式,在制作网站时,可以把想要显示的文字内容放在 div 标签中间或者 p 标签中,当然还有其他标签也可以存放,后续会在HTML基础教程汇总依序介绍的。

    二、HTML结构更多实例

    <html>
    <head>
    <meta charset='utf-8'>
    <title>我是浏览器中显示的标题</title>
    </head>
    <body>
    想要展现的内容写在此处...
    <br>  <!--这是换行符-->
    <a href="这里是需要跳转的超链接">点击此处会发生跳转</a>
    <br>  <!--这是换行符-->
    <button>这里是按钮</button>
    <br>  <!--这是换行符-->
    <input type='text'>
    </body>
    </html>

    显示如下:

    是不是发现了很多常见的内容?结合上节课中的HTML标签你还以做的更多,动手试试吧!

赞一个(0)     踩一个(0)    

相关链接

搜索

昵称:*
邮箱:
电话:
评论: