html---1.文件基本标记-优快云博客

本文链接：https://blog.youkuaiyun.com/SLSLSLSLSLSLS/article/details/117511540

博客介绍了HTML相关内容，包括标题标记，其元信息不会显示在浏览器中，还提及了body设置。这些都是前端开发中HTML技术的基础操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.1标题标记:元信息,不会显示在浏览器

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>标题标记</title>
    <!--设置元信息标记-->
    <!--设置页面关键字-->
    <meta name="keyword" content="html,元信息,关键字">
    <!--设置页面描述-->
    <meta name="description" content="关于HTML使用的网站">
    <!--设置页面的编辑工具-->
    <meta name="generator" content="IDEA">
    <!--设置作者的信息-->
    <meta name="author" content="索亮">
    <!--搜索的限制-->
    <meta name="robots" content="index">
    <!--网页文字及其语言-->
    <meta http-equiv="content-language" content="zh_CN">
    <!--设置网页的定时跳转-->
    <!--<meta http-equiv="refresh" content="3;url=http://localhost:8080">-->
    <!--设置有效的期限-->
    <meta http-equiv="Expires" content="Wed, 14 september 2021 16:20:00 GMT">
    <!--禁止缓存中调用-->
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Pragma" content="no-cache">
    <!--删除过期的cookie,到期后会自动删除存盘的cookie-->
    <meta http-equiv="set-cookie" content="Wed, 14 september 2021 16:20:00 GMT">
    <!--强制打开新窗口,在该语法中,windows-target表示新网页的打开方式,而content中设置_top则代表打开的是一个独立的页面-->
    <meta http-equiv="windows-target" content="_top">
    <!--设置网页的过渡效果-->
</head>
<body>
    这是一个HTML页面
</body>
</html>

1.2body设置

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style type="text/css">
        body{
            /*设置不重复显示,就是不会因为图片太小显示两次*/
            background-repeat: no-repeat;
        }
    </style>
</head>
<body text="blue" bgcolor="red" background="张智雄.jpg" bgproperties="fixed"  link="yellow" alink="#7fffd4" vlink="#a52a2a" margintop="20"
marginleft="20">
<!--&lt;!&ndash;text页面文字的颜色-->
设定页面的文字颜色为蓝色<br/>
<!--bgcolor页面背景的颜色-->
设定页面的背景颜色为红色<br/>
<!--background页面的背景图像-->
设置背景图片background="张智雄.jpg":可以通过css样式设置图片不重复<br/>
<!--bgproperties:设置页面的背景图像为固定,不随页面的滚动而滚动-->
bgproperties="fixed"背景不会滚动<br/>
<!--link页面默认的链接颜色-->
<a href="张智雄.jpg">图片链接</a><br/>
点击之前link,点中alink,之后vlink<br/>
<!--alink:设置正在单机的链接颜色-->
<!--vlink:访问过后的链接颜色-->
<!--topmargin设定页面的上边距-->
<!--leftmargin设置页面的左边距&ndash;&gt;-->
margintop="20"
marginleft="20"
上左边距都为20个像素

</body>
</html>