Web前端开发

首先打开,VS code新建文件夹,命名为index.HTML,然后先对内容进行输入,也就是在波蒂里面进行输入,将社会主义核心价值观的基本内容输入好,然后在页面呈现的效果是这样的

因为有一个alert警告框标签,所以打开页面会有一个警告框

然后再在head头部文件中进行加以修饰,用style标签。对文章字体加以修饰,然后再进一步的修饰。使得页面更加好看美观。

呈现的效果如图:

我不知道为什么就是图片加载不出来,然后我到网上去截图,并且命名为image-1-6-1

最后完整页面效果:

完整代码:

html 复制代码
<!--edu_1_6_1.html-->
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>社会主义核心价值观</title>
    <style type="text/css">
        body{text-align: center;margin: 0 50px;}
        p{font-size: 20px;text-indent: 2em;text-align: left;}
        h3{font-size: 28px;text-shadow: 0px 0px 5px yellow;color: red;}
    </style>
</head>
<body>
    <h3>社会主义核心价值观基本内容</h3>
    <div id="">
        <img src="image-1-6-1.jpg" >
    </div>
    <p>党的十八大报告提出,要大力加强社会主义核心价值观体系建设,"倡导富强、民主、文明、
        和谐,倡导自由、平等、公正、法治,倡导爱国、敬业、诚信、友善,积极培育和践行社会
        主义核心价值观"。
    </p>
    <a href="http:paper.people.com.cn">来源:人民-人民日报</a>
    <script type="text/javascript">
        alert("我们要努力成为德智体美劳全面发展的社会主义建设者和接班人!");
    </script>
</body>
</html>
相关推荐
热爱跑步的恒川2 小时前
【论文复现】基于图卷积网络的轻量化推荐模型
网络·人工智能·开源·aigc·ai编程
云飞云共享云桌面2 小时前
8位机械工程师如何共享一台图形工作站算力?
linux·服务器·网络
逐·風2 小时前
unity关于自定义渲染、内存管理、性能调优、复杂物理模拟、并行计算以及插件开发
前端·unity·c#
Devil枫3 小时前
Vue 3 单元测试与E2E测试
前端·vue.js·单元测试
尚梦4 小时前
uni-app 封装刘海状态栏(适用小程序, h5, 头条小程序)
前端·小程序·uni-app
GIS程序媛—椰子4 小时前
【Vue 全家桶】6、vue-router 路由(更新中)
前端·vue.js
前端青山4 小时前
Node.js-增强 API 安全性和性能优化
开发语言·前端·javascript·性能优化·前端框架·node.js
音徽编程5 小时前
Rust异步运行时框架tokio保姆级教程
开发语言·网络·rust
毕业设计制作和分享5 小时前
ssm《数据库系统原理》课程平台的设计与实现+vue
前端·数据库·vue.js·oracle·mybatis
幺零九零零6 小时前
【C++】socket套接字编程
linux·服务器·网络·c++