构建网页：HTML,CSS,JavaScript

最新推荐文章于 2024-06-15 10:43:00 发布

kllo__

最新推荐文章于 2024-06-15 10:43:00 发布

阅读量444

点赞数

分类专栏： javascript 文章标签： html css javascript

本文链接：https://blog.csdn.net/kllo__/article/details/122817929

版权

javascript 专栏收录该内容

56 篇文章 0 订阅

订阅专栏

HTML

HTML，超文本标记语言，是网页的文档格式。HTML 文档由文本和标签组成。标签用于描述页面内容：段落、标题、超链接、图像等。

示例：

<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <title>My web page</title>
</head>

<body>
    <h1>My web page</h1>
    <p>Hello! My name's Baptiste.</p>
    <p>I live in the great city of <a href="https://en.wikipedia.org/wiki/Bordeaux">Bordeaux</a>.</p>
</body>

</html>

效果如下：

CSS

CSS，级联样式表是一种用来改变网页呈现方式的语言。

CSS 使用选择器来声明样式适用于哪些 HTML 元素。选择策略如下：

给定标签名称的所有元素。
匹配给定类的元素（选择器语法：.myClass）。
匹配给定和唯一标识符的元素（选择器语法： #MyId）。

示例：

css 文件

/* All h1 elements are pink h1 标签的元素都是粉色 */
h1 {
   color: pink;
}

/* All elements with the class "done" are strike through */
.done {
  text-decoration: line-through;
}

/* The element having id "rude" is shown uppercase with a particular font */
#rude {
  font-family: monospace;
  text-transform: uppercase;
}

HTML 文件

<html>
 <head>
 </head>
 <body>
   <h1> Hello Hello! </h1>
   <p class="done"> I'm so done!</p>
   <p id="rude"> Why so rude?</p>
 </body>
</html>

如何在 HTML 文档中使用 css：


<!-- Link to a CSS stylesheet -->

<link href="path/to/file.css" rel="stylesheet" type="text/css">

效果：

JavaScript

JavaScript 可以与 HTML 文档交互以提供动态交互性：对页面上的用户操作的响应、动态样式、动画等。它是所有 Web 浏览器都可以理解的唯一编程语言。

示例：如何加载 js 文件


<!-- Load a JavaScript file -->

<script src="path/to/file.js"></script>

kllo__

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
构建网页：HTML,CSS,JavaScript

HTMLHTML，超文本标记语言，是网页的文档格式。HTML 文档由文本和标签组成。标签用于描述页面内容：段落、标题、超链接、图像等。示例：<!doctype html><html><head> <meta charset="utf-8"> <title>My web page</title></head><body> <h1>My web pa
复制链接

扫一扫

专栏目录