HTML/CSS class2 常用标签

最新推荐文章于 2023-07-07 13:56:58 发布

原创最新推荐文章于 2023-07-07 13:56:58 发布 · 240 阅读

0 ·

CC 4.0 BY-SA版权

web前端专栏收录该内容

9 篇文章

订阅专栏

这是一个简单的HTML/CSS布局练习页面，包含基本的HTML结构、内联样式、外部样式表链接及JavaScript警报功能。页面使用了背景颜色、背景图片等样式，并通过段落和div元素展示了基本布局技巧。

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


/*
 *Copyright  (c)  
 *All rights reserved.
 *文件名称: class2.html
 *作者: 郭栋
 *完成日期:2018年 8月11日
 *版本号:v1.0
 *问题描述:简单的HTML/CSS 布局练习，没什么难度不多说
 *输入描述:
 *程序输出
 */
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="keywords" content="WEB前端">
    <meta name="description" content="学习内容">
    <title>class_2</title>

    <link rel="stylesheet"  type="text/css"  href="css/mystyle.css">

    <script src="js/myjs.js"  ></script>
    <script>
        alert("你好")
    </script>
    <style>
        p{
            height: 100px;

        }
        body{
            background-color: aqua ;
            background-image: url("img/bg.jpg");

        }
        div{
            background-color: rgba(175,238,238,0.5);
        }
    </style>
</head>
<body>
  <div>
    <p>
       春眠不觉晓，<br/>
       处<span style="background-color: gold">处闻啼</span>鸟。
    </p>
    <a href="img/eg1.gif">图片</a>
  </div>
    <br/><hr color="white" size="50px"/>
  <!--快捷注释"Ctrl+/"-->
  <div>div标签</div>
</body>
</html>