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

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

  • 相关阅读:
    服务器实现跨域
    quartz定时任务cron表达式详解
    mysql分区/分片
    微信小程序 之三元运算符代替wx:if 来解决背景图片显示隐藏
    微信小程序 本地缓存保持登录状态之wx.setStorageSync()使用技巧
    微信小程序 赋值问题
    微信小程序 wx.navigateTo()传参及多个参数方法
    js 循环遍历数组
    VUE之Router命令行警告:Named Route 'Home' has a default child route. 解决办法
    VUE之命令行报错:Component template should contain exactly one root element. If you are using v-if on multiple elements, use v-else-if to chain them instead 解决办法
  • 原文地址:https://www.cnblogs.com/free-1122/p/9856486.html
Copyright © 2011-2022 走看看