zoukankan      html  css  js  c++  java
  • 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>

    比如下面我们定义了一个关键字,方便搜索引擎来抓取我们的页面:

        <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.例子比较简单,希望读者也可以跟着做一下。

  • 相关阅读:
    iOS开发WKWebView Cookie的读取与写入,与UIWebView的Cookie共享
    【拨号】iPhone拨号功能隐藏代码,值得收藏。
    iOS: 获取不变的UDID
    ios 系统设置对应URL
    iOS开发UI篇—多控制器和导航控制器简单介绍
    iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(二)
    iOS开发UI篇—Date Picker和UITool Bar控件简单介绍
    iOS开发UI篇—程序启动原理和UIApplication
    iOS开发UI篇—常见的项目文件介绍
    iOS开发UI篇—以微博界面为例使用纯代码自定义cell程序编码全过程(一)
  • 原文地址:https://www.cnblogs.com/xinxing/p/3857478.html
Copyright © 2011-2022 走看看