• 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>
  • 相关阅读:
    Rocky Linux宣布 Rocky Linux 8.6 系统发布了
    微软在 Linux 操作系统中发现了两个漏洞
    Linux 命令行小技巧 – !叹号的用处
    如何在 Linux 系统中配置 firewalld 防火墙策略
    如何在 Ubuntu 中禁用 motd 欢迎消息
    在 CentOS 8 中删除旧的 Linux 系统内核
    i7z命令工具 – 用来查看CPU状况
    Redis问题收集
    Mysql问题收集
    12物联网开发终端管理篇java使用Druid连接池获取MySQL数据库数据,并通过MQTT发送(Windows系统)
  • 原文地址:https://www.cnblogs.com/lzp1103/p/7784497.html
Copyright © 2020-2023  润新知