首页技术正文

HTML的基础结构

程序员利娇技术 2022年11月14日

0 收藏 329 点赞 4,406 浏览 1087 个字

<html>内容</html>

　　解释：HTML文档的文档标记，也称为HTML开始标记

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

<head>内容</head>

　　解释：HTML文件头标记，也称为HTML头信息开始标记

　　功能：用来包含文件的基本信息，比如网页的标题、关键字，在<head></head>内可以放<title></title>、<meta></meta>、<style></style>等标记

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

<title>内容</title>

　　解释：HTML文件标题标记

　　功能：网页的“主题”，显示在浏览器的窗口的左上边

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

<body>内容</body>

　　解释：HTML文档的主体标记

　　功能：中间的内容是网页的主体部分，在此标记之间可以包含如<p></p>、<hr>等标记，正是这些内容组成了可以看见的网页

　　常见属性：

　　　　1.bgcolor　　　　设置背景颜色

　　　　2.text　　　　　设置文本颜色

　　　　3.link 　　　　　设置链接颜色

　　　　4.vlink 　　　　　设置已经访问了的链接颜色

　　　　5.alink　　　　　设置正在被点击的链接颜色

<meta>内容</meta>

　　解释：页面的元信息

　　功能：提供有关页面的元信息，比如针对搜索引擎和更新频度的描述和关键词

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

　　常见的属性：

　　　　常见的name属性：

　　　　　　1.author

　　　　　　2.keywords

　　　　　　3.description

　　　　　　4.others

　　　　比如描绘出网页的关键词：<meta name=”author” content=”chy”>

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

<html>
    <head>
        <title>我是标题</title>
        <meta charset="UTF-8">
        <meta name="keywords" content="前端,自学">
    </head>
    <!--<body bgcolor="green" text="blue">-->
    <body link="red" vlink="green" alink="yellow">
        <h1>这是一个内容的标题</h1>
        <a href="http://www.baidu.com" rel="external nofollow" >百度</a>
    </body>
</html>