• 2014年度辛星完全解读html部分


    以上,我们推出了HTML写和几个标签,接下来我们来认识几个其它的标签,这里我们主要介绍一下head标签和文本标签。

    ***************head标签************************

    1.所谓head,就是头的意思。它能够包括若干子标签,它的内容是不会再浏览器的文本区域显示的。可是它的作用很广泛。以下我们重点介绍一下它的子标签。

    2.head标签能够包括title标签。上面我们已经看到了,而title标签就是在浏览器的标题栏显示的内容,这点我们上节说了。

    3.link标签能够用于导入外部的资源文件,通经常使用于导入css文件和js文件,对于css和js,我们后面会介绍的,这里先给一个导入css的样例:

    <head>
            <link rel="stylesheet" type="text/css" href="xinxing.css">
    </head>

    4.它还能够通过使用style标签来内置css,只是我本人不是非常推荐这么做,这会使得文件过于臃肿。

    5.meta标签,它是指的元数据,所谓元数据,就是能够用于描写叙述网页的一些信息,比方指定编码方式、作者等等,以下这个样例就指定网页的编码格式使用gbk:

    <head>
            <meta http-equiv="Content-Type" content="text/html"; charset="gbk"> 
    </head>

    比方以下我们定义了一个keyword,方便搜索引擎来抓取我们的页面:

        <head>
            <meta name="keywords" content="辛星">
        </head>

    6.script元素,它用于载入Javascript脚本。我们后面再说。

    ************body标签***************

    1.我们上面解说了head标签,那么我们接下来解说body标签。body标签中的内容是浏览器的主要显示部分。

    2.除了我们上面解说的几个标签,以下的标签都是body的子标签,就不一一介绍了。

    **************标题*********************

    1.我们用<h1></h1>标签中的内容来表示最大的标题。用<h2></h2>标签对来表示小一号的标题,这个数字是能够继续加下去的,一直加到<h6></h6>。它表示最小字号的标题。

    2.标会使得文字变粗并且也会变大,可是不要单纯的让文字变粗变大而使用标题。

    3.标题标签出如今body标签里面,由于它是能够直接显示在浏览器中的。

    **************段落*********************

    1.我们前面也说过了。我们用p标签表示段落。

    2.我们能够用<strong></strong>标签对或者<b></b>标签对来让文本加粗,用<em></em>标签对或者<i></i>标签对让文本倾斜。

    3.此外我们还能够用sub标签来定义下标字,用sup标签来定义上标字。用ins标签来定义插入字,用del标签来定义删除字。

    4.以下是一个代码演示样例:

    <body>
         曾经价格:<del>400元</del>如今价格:<strong>200元</strong>
    </body>

    5.此外。我们能够用<br />来表示一个换行,当然老版的书籍上也会用<br>,我更推荐前者。

     

    *************小结***************

    1.本节我们认识了两个比較重要的标签。一个是head。还有一个是文本标记的。

    2.样品是比较简单。我希望读者可以按照做点什么。

    版权声明:本文博客原创文章。博客,未经同意,不得转载。

  • 相关阅读:
    Oracle中有大量的sniped会话
    Error 1130: Host '127.0.0.1' is not allowed to connect to this MySQL server
    汉字转换为拼音以及缩写(javascript)
    高效率随机删除数据(不重复)
    vs2010 舒服背景 优雅字体 配置
    mvc中的ViewData用到webfrom中去
    jquery ajax return值 没有返回 的解决方法
    zShowBox (图片放大展示jquery版 兼容性好)
    动感效果的TAB选项卡 jquery 插件
    loading 加载提示······
  • 原文地址:https://www.cnblogs.com/zfyouxi/p/4731805.html
Copyright © 2020-2023  润新知