zoukankan      html  css  js  c++  java
  • HTML的基本结构

    1,<html>内容</html>

      解释:HTML文档的文档标记,也称为HTML开始标记

      功能:这对标记分别位于网页的最前端和最后端

      <html>在最前端表示网页的开始

      </html>在最后端表示网页的结束

    2,<head>内容</head>

      解释:HTML文件头标记,也称为HTML头信息开始标记

      功能:用来包涵问及的基本信息,比如网页的标题,关键字,在<head></head>内可以放<title></title>,<meta></meta>,<style></style>等等标记

      注意:在<head></head>标记内不会在浏览器中显示

    3,<title>内容</title>

      解释:HTML文件标题标记

      功能:网页的“主题”,显示在浏览器的窗口的左上方

      注意:网页的标题不能太长,要短小精悍,能具体反映页面的内容,<title></title>标记中不能包含其他的标记

    4,<body>内容</body>

      解释:HTML文档的主体标记

      功能:<body>...</body>是网页的主体部分,在此标记之间可以包含如<p></p>,<h1></h1>,<br>,<hr>等等标记,

      正是由这些内容组成了我们所看见的网页

      body标记的常见属性:

        1,bgcolor  设置背景颜色 <body bgcolor = "red"></body> 

        2,text 设置文本颜色  <body text = "green"></body>

        3,link 设置连接颜色  <body link = "green"></body>

        4,vlink  已经访问了的连接颜色  <body vlink = "green"></body>

        5,alink  正在被惦记的连接颜色  <body alink = "green"></body>

    5,<meta>内容</meta>

      解释:页面的元信息(meta-information)

      功能:提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频道的标记和关键词

      必须的属性:content 值:some_text  定义name属性的相关的元信息

      常见的属性:1,常见的name属性(1,auther 2,keywords  3,description 4,others)把content属性关联到一个名称

      比如描绘出网页的关键词<meta name=“keywords” content =“第三天”>

      注意mata标记必须放在head元素里面

    eg:

    <!DOCTYPE html>
    <html lang="en">
    <head>
    <meta charset="UTF-8">
    <meta name="keywords" content="test,day02">
    <title>这是第二天</title>
    </head>
    <!--<body bgcolor="blue" text="red">-->
    <body link="red" vlink="blue" alink="aqua">
    <h1>这是一个内容的标题</h1>
    <a href="http:www.baidu.com">百度</a>
    <a href="http:www.baidu1.com">百度1</a>
    <a href="http:www.baidu2.com">百度2</a>

    </body>
    </html>
  • 相关阅读:
    mac iterm2 安装 lrzsz rz sz命令
    bash rz 上传文件失败问题
    vue-router scrollBehavior无效的问题及解决方案
    dependencies devDependencies peerDependencies optionalDependencies区别
    Nuxt / Vue.js in TypeScript: Object literal may only specify known properties, but 'components' does not exist in type 'VueClass'
    NodeJS中的require和import
    Git fetch和git pull的区别, 解决Git报错:error: You have not concluded your merge (MERGE_HEAD exists).
    webstorm打开带有node_modules文件夹的工程时很卡
    CSS3自定义滚动条样式 -webkit-scrollbar
    nginx 中location和root、alias
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7784497.html
Copyright © 2011-2022 走看看