大数跨境

游戏规则——代码的基本组成

游戏规则——代码的基本组成 玩AI的方可乐
2021-04-26
2
导读:代码的基本组成

点击蓝色文字

关注我们


带你了解程序的世界

上一篇的Hello world 是我们的开胃菜。本篇就来讲讲,我们的开胃菜,是怎么做出来的吧。
上篇完成的小页面里面,虽然完成的代码行数不多,但是却小巧玲珑,其中包含了3种代码语言——HTML/CSS/JavaScript。



一、HTML文档的基本组成。



HTML   文档我们可以直接理解为,就是网页。然后文档里面被<>符号包含住的文本,我们称作为标签

那么,一个标准的HTML文档,至少会包含哪些标签呢?

<!DOCTYPE html><html><head><title>HelloWorld</title></head><body><div onclick="changehello()"id="hello">Hello world!</div></body></html>
大部分的标签格式都会有头和尾两个标签。尾部比头部多了一个/符号,<头部></头部>。要注意的是,标签的头部和尾部文本内容需要保持一致。
从上面的代码我们可以看到有这几种标签。html标签,head标签,title标签,body标签,div标签。最头部的<!DOCTYPE html>用来表示,这个文档格式是HTML。
一组标签里面可以嵌套多组标签。于是就成了上面的代码结构。如果想要了解更多标签的用法,可以参考这个网址:w3school

二、CSS语言

CSS  是一种描述 HTML 文档样式的语言。它会告诉浏览器,应该怎样去显示HTML文档。

一般比较干净的写法中,我们会在html文档中引入<style></style>标签。然后将想要实现的样式写进这个标签里。style标签一般嵌入在head标签的尾部之后和body标签的头部之前。

<styletype="text/css">  body{      color:red      }</style>
以上代码的意思是,是指定所有的body标签,将颜色(color)设置为红色(red)。更多详细的玩法,可以参考 w3school


三、JavaScript语言

JavaScript   简称为 js,主要有以下几个常用的用法:

  • 嵌入动态文本于HTML页面。

  • 对浏览器事件做出响应。

  • 读写HTML元素。

  • 在数据被提交到服务器之前验证数据。

<scripttype="text/javascript">  functionchangehello(){    document.getElementById("hello").innerHTML="Hello JavaScript";  } </script>
js 代码一般通过<script></script>标签引入。然后在其中编写 js 代码。

以上代码是一个函数,函数的名字叫做changehello。function changehello(){}是一个固定的函数格式。函数中的

document.getElementById("hello").innerHTML ="Hello JavaScript";

表示将绑定id为hello (在html文本的div标签头部中) 的标签文本输出为"Hello JavaScript"。然后通过onclick这个点击事件,在点击div标签的时候,触发了这个函数,就会将文本改变了。



通过讲解,有没有对代码的组成更加清晰呢?动动手去深入了解它的运作过程吧!


扫码关注,带你了解程序的世界


【声明】内容源于网络
0
0
玩AI的方可乐
1234
内容 502
粉丝 0
玩AI的方可乐 1234
总阅读204
粉丝0
内容502