Python基础-HTML与CSS与JavaScript

最新推荐文章于 2024-08-05 12:53:30 发布

法迪

最新推荐文章于 2024-08-05 12:53:30 发布

阅读量2.6k

点赞数

分类专栏： Python基础文章标签： javascript python css html hello-world

本文链接：https://blog.csdn.net/su749520/article/details/78893343

版权

Python基础专栏收录该内容

143 篇文章 3 订阅

订阅专栏

HTML的Hello, world

新建一个hello_world.html文件
内容如下

<html>

<head>
    <title>一个小Html程序</title>
</head>

<body>
    <h1>Hello, world!</h1>
</body>

</html>

运行效果
这里写图片描述

CSS-Cascading Style Sheets（层叠样式表）

CSS用来控制HTML里的所有元素如何展现

例如给文本加特效

<html>

<head>
    <title>一个小Html程序</title>

    <style>
        h1 {
            color:#888888;
            font-size:48px;
            text-shadow:3px 3px 3px #666666;
        }
    </style>
</head>

<body>
    <h1>Hello, world!</h1>
</body>

</html>

这里写图片描述

JavaScrip

JavaScript虽然名称有个Java，但它和Java真的一点关系没有。JavaScript是为了让HTML具有交互性而作为脚本语言添加的，JavaScript既可以内嵌到HTML中，也可以从外部链接到HTML中。

例如设置点击标题的点击事件，可以使用JavaScript实现

<html>

<head>
    <title>一个小Html程序</title>

    <style>
        h1 {
            color:#0000ff;
            font-size:48px;
            text-shadow:3px 3px 3px #00ff00;
        }
    </style>

    <script>
        function change(){
            document.getElementsByTagName('h1')[0].style.color = "ff0000"
        }
    </script>
</head>

<body>
    <h1 onclick = "change()"> 
        Hello,Python学习小组，This is Html& Css & JavaScript!
    </h1>
</body>

</html>