HTML <blockquote> 标签
实例
定义一个摘自另一个源的块引用：
<blockquote cite=”http://www.worldwildlife.org/who/index.html”>
For 50 years, WWF has been protecting the future of nature. The world&#……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
HTML <bdi> 标签
实例
将用户名从周围的文本方向设置中隔离出来：
<ul>
<li>用户 <bdi>hrefs</bdi>: 60 分</li>
<li>用户 <bdi>jdoe</bdi>: 80 分</li>
<li>用户 <bdi>إيان</b……继续阅读 »
2年前 (2022-09-04) 96浏览 0评论
0个赞
HTML <bdo> 标签
实例
指定文本方向：
<p>该段落文字从左到右显示。</p>
<p><bdo dir="rtl">该段落文字从右到左显示。</bdo></p>
浏览器支持
所有主流浏览器都支持 <bdo> 标签。
标签定义及使用说明
bdo 指的是 bidi 覆盖（Bi-Direc……继续阅读 »
2年前 (2022-09-04) 43浏览 0评论
0个赞
HTML <b> 标签
实例
<p>这是一个普通的文本- <b>这是一个加粗文本</b>。</p>
浏览器支持
所有主流浏览器都支持 <b> 标签。
标签定义及使用说明
<b> 标签定义粗体的文本。
HTML 4.01 与 HTML5之间的差异
无。
提示和注释
注释：根据 HTML 5 的规范，<b> 标签……继续阅读 »
2年前 (2022-09-04) 56浏览 0评论
0个赞
HTML <base> 标签
实例
规定页面上所有链接的默认 URL 和默认目标：
<head>
<base href="http://www.runoob.com/images/" target="_blank">
</head>
<body>
<img src="logo.png" wi……继续阅读 »
2年前 (2022-09-04) 162浏览 0评论
0个赞
HTML <audio> 标签
实例
播放声音：
<audio controls>
<source src="horse.ogg" type="audio/ogg">
<source src="horse.mp3" type="audio/mpeg">
您的浏览器不支持 aud……继续阅读 »
2年前 (2022-09-04) 51浏览 0评论
0个赞
HTML <article> 标签
实例
<article>
<h1>Internet Explorer 9</h1>
<p> Windows Internet Explorer 9(缩写为 IE9 )在2011年3月14日21:00 发布。</p>
</article>
浏览器支持
IE 9+、Firefox、Ope……继续阅读 »
2年前 (2022-09-04) 30浏览 0评论
0个赞
HTML <aside> 标签
实例
<p>My family and I visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
<p>The Epcot Center is a theme park in Disney World, ……继续阅读 »
2年前 (2022-09-04) 123浏览 0评论
0个赞
HTML <area> 标签
实例
带有可点击区域的图像映射：
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap">
<map name="planetmap&quo……继续阅读 »
2年前 (2022-09-04) 39浏览 0评论
0个赞
HTML <address> 标签
实例
Example.com 的联系信息：
<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at:<br>
Example.com<br>
Box 564……继续阅读 »
2年前 (2022-09-04) 33浏览 0评论
0个赞
HTML <abbr> 标签
实例
被标记的缩写词如下：
The<abbr title="World Health Organization">WHO</abbr> was founded in 1948.
浏览器支持
所有主流浏览器都支持 <abbr> 标签。
注释：IE 6 或更早版本的 IE 浏览器不支持 <abbr> 标签……继续阅读 »
2年前 (2022-09-04) 34浏览 0评论
0个赞
HTML <a> 标签
实例
链接到菜鸟教程 ：
<a href="https://www.runoob.com">访问菜鸟教程!</a>
（更多实例见页面底部）
浏览器支持
所有主流浏览器都支持 <a> 标签。
标签定义及使用说明
<a> 标签定义超链接，用于从一个页面链接到另一个页面。
<a> 元素最重要的属性是……继续阅读 »
2年前 (2022-09-04) 102浏览 0评论
0个赞
HTML5 Web Workers
web worker 是运行在后台的 JavaScript，不会影响页面的性能。
什么是 Web Worker？
当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。
web worker 是运行在后台的 JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker 在后台运行。……继续阅读 »
2年前 (2022-07-28) 275浏览 0评论
0个赞
Bootstrap5 列表组
大部分基础列表组都是无序的。
要创建列表组，可以在 <ul> 元素上添加 .list-group 类, 在
<li> 元素上添加 .list-group-item 类:
实例
<ul class="list-group">
<li class="list-group-item">第一项<……继续阅读 »
2年前 (2022-07-28) 359浏览 0评论
0个赞
Bootstrap 创建一个网页
接下来我们通过 Bootstrap3 来创建一个简单的响应式网页。
在学习之前我们可以先看下效果：https://www.runoob.com/try/demo_source/bootstrap3-makewebsite.htm
HTML 代码
<div class="jumbotron text-center" style="margin-bot……继续阅读 »
2年前 (2022-07-28) 311浏览 0评论
0个赞
JavaScript 和 HTML DOM 参考手册
<p这部分包含了完整的参考：
所有内置的JavaScript对象
所有浏览器对象
所有HTML DOM对象
JavaScript 对象参考手册
参考手册描述了每个对象的属性和方法，并提供了在线实例。
Array 对象
Boolean 对象
Date 对象
Math 对象
Number 对象
String 对象
RegExp 对象
全局属性和函数
……继续阅读 »
2年前 (2022-07-27) 274浏览 0评论
0个赞
Bootstrap5 提示框
提示框是一个小小的弹窗，在鼠标移动到元素上显示，鼠标移到元素外就消失。
如何创建提示框
通过向元素添加 data-bs-toggle=”tooltip”
来来创建提示框。
title 属性的内容为提示框显示的内容：
<button type="button" class="btn btn-primary" da……继续阅读 »
2年前 (2022-07-27) 330浏览 0评论
0个赞
Bootstrap5 分页
网页开发过程，如果碰到内容过多，一般都会做分页处理。
Bootstrap 5 可以很简单的实现分页效果。
要创建一个基本的分页可以在 <ul> 元素上添加 .pagination 类。然后在 <li> 元素上添加 .page-item 类，<li> 元素的 <a> 标签上添加 .page-link 类:
实例
<ul class……继续阅读 »
2年前 (2022-07-27) 310浏览 0评论
0个赞
CSS !important 规则
什么是 !important
CSS 中的 !important 规则用于增加样式的权重。
!important 与优先级无关，但它与最终的结果直接相关，使用一个 !important 规则时，此声明将覆盖任何其他声明。
实例
#myid {
background-color: blue;
}
.myclass {
background-color: gray;
}
p ……继续阅读 »
2年前 (2022-07-26) 221浏览 0评论
0个赞
JavaScript HTML DOM EventListener
addEventListener() 方法
实例
在用户点击按钮时触发监听事件：
document.getElementById(“myBtn”).addEventListener(“click”, displayDate);
addEventListener() 方法用于向指定元素添加事件……继续阅读 »
2年前 (2022-07-26) 283浏览 0评论
0个赞
Bootstrap5 Flex（弹性）布局
Bootstrap5 通过 flex 类来控制页面的布局。
弹性盒子(flexbox)
Bootstrap 3 与 Bootstrap 4/5 最大的区别就是 Bootstrap 4/5 使用弹性盒子来布局，而不是使用浮动来布局。
弹性盒子是 CSS3 的一种新的布局模式，更适合响应式的设计，如果你还不了解 flex，可以阅读我们的 CSS3 弹性盒子(Flex B……继续阅读 »
2年前 (2022-07-26) 89浏览 0评论
0个赞
CSS 创建
当读到一个样式表时，浏览器会根据它来格式化 HTML 文档。
如何插入样式表
插入样式表的方法有三种:
外部样式表(External style sheet)
内部样式表(Internal style sheet)
内联样式(Inline style)
外部样式表
当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个……继续阅读 »
2年前 (2022-07-26) 230浏览 0评论
0个赞
CSS 网格容器
网格容器
要使 HTML 元素变成一个网格容器，可以将 display 属性设置为 grid 或 inline-grid。
网格容器内放置着由列和行内组成的网格元素。
grid-template-columns 属性
grid-template-columns 属性定义了网格布局中的列的数量，它也可以设置每个列的宽度。
属性值是一个以空格分隔的列表，其中每个值定义相对应列的宽度。
如果您……继续阅读 »
2年前 (2022-07-26) 148浏览 0评论
0个赞
JavaScript 函数定义
JavaScript 使用关键字
function 定义函数。
函数可以通过声明定义，也可以是一个表达式。
函数声明
在之前的教程中，你已经了解了函数声明的语法 :
function functionName(parameters) {
执行的代码
}
函数声明后不会立即执行，会在我们需要的时候调用到。
实例
function myFunction(a, b) {
……继续阅读 »
2年前 (2022-07-26) 167浏览 0评论
0个赞
JavaScript typeof, null, 和 undefined
typeof 操作符
你可以使用 typeof 操作符来检测变量的数据类型。
实例
typeof “John” // 返回 str……继续阅读 »
2年前 (2022-07-25) 193浏览 0评论
0个赞
JavaScript 调试
在编写 JavaScript 时，如果没有调试工具将是一件很痛苦的事情。
JavaScript 调试
没有调试工具是很难去编写 JavaScript 程序的。
你的代码可能包含语法错误，逻辑错误，如果没有调试工具，这些错误比较难于发现。
通常，如果 JavaScript 出现错误，是不会有提示信息，这样你就无法找到代码错误的位置。
通常，你在编写一个新的 JavaScr……继续阅读 »
2年前 (2022-07-25) 113浏览 0评论
0个赞
CSS 背景
CSS 背景属性用于定义HTML元素的背景。
CSS 属性定义背景效果:
background-color
background-image
background-repeat
background-attachment
background-position
背景颜色
background-color 属性定义了元素的背景颜色.
页面的背景颜色使用在body的选择器中:
实例
body {ba……继续阅读 »
2年前 (2022-07-25) 81浏览 0评论
0个赞
CSS3 多列
CSS3 可以将文本内容设计成像报纸一样的多列布局，如下实例:
.newspaper {
border:1px black solid;
padding: 15px;
-webkit-column-count: 3; /* Chrome, Safari, Opera */
-moz-column-count: 3; /* Firefox */
column-co……继续阅读 »
2年前 (2022-07-25) 505浏览 0评论
0个赞
JavaScript 声明提升
JavaScript 中，函数及变量的声明都将被提升到函数的最顶部。
JavaScript 中，变量可以在使用后声明，也就是变量可以先使用再声明。
以下两个实例将获得相同的结果：
实例 1
x = 5; // 变量 x 设置为 5
elem = document.getElementById(“demo”); // 查找元素
elem.innerHTML……继续阅读 »
2年前 (2022-07-25) 145浏览 0评论
0个赞
JavaScript 闭包
JavaScript 变量可以是局部变量或全局变量。
私有变量可以用到闭包。
全局变量
函数可以访问由函数内部定义的变量，如：
实例
function myFunction() {
var a = 4;
return a * a;
}
函数也可以访问函数外部定义的变量，如：
实例
var a = 4;
function myFunction() {
retu……继续阅读 »
2年前 (2022-07-25) 294浏览 0评论
0个赞
