• web-2. HTML的顶级标记


    2. HTML的顶级标记

    本节课要学习的主要是:HTML版本信息与文档标记;头部标记、主体标记的概念;头部标记与主体内容的多种设置。

    2.1 版本信息与文档标记

    <html version="http://www.w3.org/tr/re-html40/strict.dtd" lang="en">

    <head>

    <title>顶级标记实例</title>

    </head>

    <body bgcolor = "black" text="white">

     <p align = center>

     <img src="./connect.jpg"><br>

              <font face="宋体" size=6 align=center>

    咏鹅

      </font><br>

              <font face="宋体" size=4 align=center>

    骆宾王

      </font><br>

              <font face="宋体" size=4 align=center>

    鹅,鹅,鹅,曲项向天歌。

      </font><br>

              <font face="宋体" size=4 align=center>

    白毛浮绿水,红掌拨清波。

      </font><br>

    </p>

    </body>

    </html>

    注:<br>的作用是换行。

    version="http://www.w3.org/tr/re-html40/strict.dtd"表示当前的文本的版本的参照

    lang="en"表示文件的定义,基础的语言是英语(即en)。

    2.2 头部标记

    1. <head>

    包含有HTML文档的标题信息,如标题、关键字、说明以及样式等。一般而言,位于头部的内容不会直接显示在浏览器中,而是通过其他的方式显示,例如标题显示在标题栏中,作者的信息不显示等。

    1. <title>

    设置页面的HTML标题,显示在浏览器的顶部的左上角,一般不超过30个字。

    1. <script>

    脚本标记,用来包含脚本语言。通常的脚本标题有JavaScriptVBScript两种。脚本语言使得页面更加生动,并且能在客户端响应一定的事件,从而使得页面具有良好的交互性。

    可以使用多次。

    <html >

    <head>

    <script language = "JavaScript">

    document.write("让我们努力学习")

    </script>

    </head>

    </html>

    1. <meta><meta name=”” content=””> 该标记没有结束标志

    元数据标记,定义页面中的相关信息,如文档关键字、描述以及作者信息。可以使用多次。

    <html>

    <head>

    <title>JavaScript</title>

    <meta name=keywordscontent=”计算机编程,语言,网页”>

    </head>

    <body>

    </body>

    </html>

    关键字之间要用逗号隔开。关键字的设置不适宜过多,应当简练,并且能够表现出页面的特色。

    2.3 主体标记

    <body></body>之间的就是我们整个页面的主体部分。

    <body bgcolor = "black" text="white">的作用是设置背景色为黑色,文字颜色为白色。

    background属性:

    用来设置页面背景的图片。如果背景图片和页面大小不等,背景图片会在页面上重复排列,知道充满页面为止。

  • 相关阅读:
    Bandit Wargame Level18 Writeup(interactive shell and .bashrc )
    Bandit Wargame Level12 Writeup
    Natas Wargame Level25 Writeup(头部注入+POST/GET注入)
    Mybatis 加载 Mapper配置的四种方式
    设计模式(四)---- 代理模式
    execute() 和 sumbit() 的区别
    Executors提供的四种线程池
    线程的三种实现方法
    同一个线程多次调用start()会出现的问题
    线程的介绍
  • 原文地址:https://www.cnblogs.com/free-1122/p/9856486.html
Copyright © 2020-2023  润新知