HTML 基本知识
发布时间：2023-05-24 14:02:01 所属栏目：教程 来源：
导读：HTML 是一种超文本标记语言，它是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。
我们来看一个最简单的 HTML 实例：
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<ti
我们来看一个最简单的 HTML 实例：
<!DOCTYPE html>
<html>
<head>
<Meta charset="utf-8">
<ti
|
HTML 是一种超文本标记语言，它是一种用于创建网页的标准标记语言。HTML 运行在浏览器上，由浏览器来解析。 我们来看一个最简单的 HTML 实例： <!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>网Wiki</title> </head> <body> <h1>这是一个标题</h1> <p>这是一个段落。</p> </body> </html> HTML 标签 我们平时看到的 WEB 页面都是由标签嵌套构成的，它们包含在一对尖括号中，例如上面的 <html>、<body> 或者是 <h1>，当然还有我们后面会用到 <canvas> 这个标签，本套课程我们主要围绕 <canvas> 这个标签展开讲解。 属性 属性是附属在标签上的，对标签进行设定的一个概念。 大多数标签的属性以“名称 = 值”的形式成对出现，由 “=” 分离并写在开始标签元素名之后。值一般由单引号或双引号包围，有些值的内容包含特定字符，在 HTML 中可以去掉引号。 这里主要介绍两个所有标签都会有的属性。 id 属性为元素提供了在全文档内的唯一标识。需要注意的是，一个 HTML 文件中，不同标签的 id 值是不能重复的。 下面这个例子中，我们给 <h1> 这个标签添加了一个 id 的属性，给它赋值为：“head”。 <!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>网Wiki</title> </head> <body> <h1 id="head">这是一个标题</h1> <p>这是一个段落。</p> </body> </html> class 属性提供一种将相似标签分类的方式。多个标签可以定义同样的 class 属性，class 经常被用作于设定 css 相关的样式。 下面这个例子中，我们给两个 <p> 标签都添加了一个 class 的属性，给它赋值为：“paragraph”。 <!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>网Wiki</title> </head> <body> <h1 id="head">这是一个标题</h1> <p class="paragraph">这是第一个段落。</p> <p class="paragraph">这是第二个段落。</p> </body> </html> JavaScript 的基本知识简单回顾 JavaScript 是一种解释型的编程语言，主要应用在 WEB 领域，当然更多应用场景我们这里不做讨论，本教程中，我们只需要知道 JavaScript 可以帮助我们绘制 canvas 画布即可。 JavaScript 代码不管是内嵌还是从外部引入，它都会包含在一个 <script> 的标签中。 我们看一个简单的例子： <!DOCTYPE html> <html> <head> <Meta charset="utf-8"> <title>网Wiki</title> </head> <body> <h1 id="head">这是一个标题</h1> <p class="paragraph">这是第一个段落。</p> <p class="paragraph">这是第二个段落。</p> <script> alert("网IMOOC.COM") </script> </body> </html> （编辑：汽车网） 【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容! |
