首先打开,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>