网页就是HTML?这么理解大致准确。通常网页中包含了文字,图片、视频、小游戏,动画效果等等内容。我们以本章开头的html为例说明:
1. <html>
2. <head>
3. <meta charset="utf-8">
4. <title>这是标题</title>
5. </head>
6. <body>
7. <h1>我的第一个标题</h1>
8. <p>我的第一个段落Hello World。</p>
9. </body>
10. </html>
用文本编辑器编写HTML,然后保存为hello.html
,用EDGE浏览器打开显示:
HTML文档就是一系列的tag组成,最外层的tag是<html>
。规范的HTML也包含<head>...</head>
和<body>...</body>
,由于HTML是富文档模型,所以,还有一系列的Tag用来表示链接、图片、表格、表单等等。
CSS是Cascading Style Sheets的简称,CSS用来控制HTML里的所有元素如何展现。例如,给标题元素<h1>
加一个样式,变成36号字体,灰色,带阴影:
1. <html>
2. <head>
3. <meta charset="utf-8">
4. <title>这是标题</title>
5. <style>
6. h1{
7. color:#00FF00;
8. font-size:36px;
9. text-shadow:3px 3px 3px #CCCCCC;
10. }
11. </style>
12. </head>
13. <body>
14. <h1>我的第一个标题</h1>
15. <p>我的第一个段落Hello World。</p>
16. </body>
17. </html>
用EDGE浏览器打开显示:
js是为了让HTML具有交互性而作为脚本语言添加的,js既可以内嵌到HTML网页中,也可以从外部服务器链接到HTML中。如果我们希望当用户点击标题时把标题变成红色,就可以通过js来实现:
1. <html>
2. <head>
3. <meta charset="utf-8">
4. <title>这是标题</title>
5. <script>
6. functionchangeColor() {
7. document.getElementsByTagName('h1')[0].style.color= '#ff0000';
8. }
9. </script>
10. </head>
11. <body>
12. <h1 onclick="changeColor()">我的第一个标题</h1>
13. <p>我的第一个段落Hello World。</p>
14. </body>
15. </html>
用EDGE浏览器该HTML文档,并点击h1标题,则字体变成红色:
本文分享自 传输过程数值模拟学习笔记 微信公众号,前往查看
如有侵权,请联系 cloudcommunity@tencent.com 删除。
本文参与 腾讯云自媒体同步曝光计划 ,欢迎热爱写作的你一起参与!