HTML
<html> <head> <title>The title of the webpage</title> </head> <body> <h1>Heading 1</h1> <p>This is a paragraph.</p> </body> </html>
HTML 是网页的基础,它主要负责网页结构的搭建。HTML 是标记语言,通过标签来表示对网页内容的含义。如示例代码中的 <html> 表示网页的开始,<h1> 表示一级标题,<p> 表示一个段落等等。
HTML 也可以嵌入图像、视频、音频等内容,让网页更加丰富和生动。通过 HTML,大家可以将纯粹的文本变成网页。
CSS
body { background-color: lightblue; } h1 { color: white; text-align: center; }
CSS(Cascading Style Sheets)是网页的样式表,它定义了网页的外观和布局。CSS 和 HTML 相辅相成,通过 CSS 的设置,可以让网页样式更加统一、美观。
CSS 中的选择器用于选中 HTML 元素,并对其样式进行设置。例如,上面示例代码中的 body 表示整个页面的背景颜色,h1 表示网页中一级标题的颜色和居中对齐等等。
JS
document.getElementById("demo").innerHTML = "Hello JavaScript!";
JS(JavaScript)是网页的交互脚本,它可以让网页更加生动、灵活。JS 可以通过 DOM(Document Object Model)来操作 HTML 元素,实现各种交互效果。
例如,上面示例代码中 document.getElementById(“demo”) 表示选中 id 为 demo 的 HTML 元素,.innerHTML = “Hello JavaScript!” 表示将该元素的内容改为 Hello JavaScript!。这就是 JS 最基本的语法,通过 JS,大家可以实现网页的动态效果,比如点击事件、鼠标悬停事件等等。