html，css, javascirpt测试-w3cSchool上的

最新推荐文章于 2021-07-04 17:57:00 发布

anitak

最新推荐文章于 2021-07-04 17:57:00 发布

阅读量913

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/anitak/article/details/50134061

本文通过问答形式介绍了HTML、CSS和JavaScript的基础知识点，涵盖了标签使用、样式设置及简单的脚本操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

好早以前，最最开始的时候，不知道怎么入门一个语言，就会去刷W3Cschool，这是JSP课上，老师带我们学着用JAVA开发网站时候教的。其实呢，了解之后呢，还是要做实践，多做，只有亲手写了，才知道怎么去写，去调，去形成框架和自己的风格。

您的回答：

1.HTML 指的是？

您的回答：超文本标记语言（Hyper Text Markup Language）

2.Web 标准的制定者是？

您的回答：万维网联盟（W3C）

3.在下列的 HTML 中，哪个是最大的标题？

您的回答：<h1>

4.在下列的 HTML 中，哪个可以插入折行？

您的回答：<br>

5.在下列的 HTML 中，哪个可以添加背景颜色？

您的回答：<body bgcolor="yellow">

6.请选择产生粗体字的 HTML 标签：

您的回答：<b>

7.请选择产生斜体字的 HTML 标签：

您的回答：<i>

8.在下列的 HTML 中，哪个可以产生超链接？

您的回答：<a href="http://www.w3school.com.cn">W3School</a>

9.如何制作电子邮件链接？

您的回答：<a href="mailto:xxx@yyy">

10.如何在新窗口打开链接？

您的回答：<a href="url" target="_blank">

11.以下选项中，哪个全部都是表格标签？

您的回答：<table><tr><td>

12.请选择可以使单元格中的内容进行左对齐的正确 HTML 标签：

您的回答：<td align="left">

13.如何产生带有数字列表符号的列表？

您的回答：<ol>

14.如何产生带有圆点列表符号的列表？

您的回答：<ul>

15.在下列的 HTML 中，哪个可以产生复选框？

您的回答：<input type="checkbox">

16.在下列的 HTML 中，哪个可以产生文本框？

您的回答：<input type="textfield">

正确答案：<input type="text">

17.在下列的 HTML 中，哪个可以产生下拉列表？

您的回答：<input type="dropdown">

正确答案：<select>

18.在下列的 HTML 中，哪个可以产生文本区（textarea）？

您的回答：<input type="textarea">

正确答案：<textarea>

19.在下列的 HTML 中，哪个可以插入图像？

您的回答：<img src="image.gif">

20.在下列的 HTML 中，哪个可以插入背景图像？

您的回答：<body background="background.gif">

1.CSS 指的是？

您的回答：Cascading Style Sheets

2.在以下的 HTML 中，哪个是正确引用外部样式表的方法？

您的回答：<link rel="stylesheet" type="text/css" href="mystyle.css">

3.在 HTML 文档中，引用外部样式表的正确位置是？

您的回答：<head> 部分

4.哪个 HTML 标签用于定义内部样式表？

您的回答：<style>

5.哪个 HTML 属性可用来定义内联样式？

您的回答：style

6.下列哪个选项的 CSS 语法是正确的？

您的回答：body {color: black}

7.如何在 CSS 文件中插入注释？

您的回答：/* this is a comment */

8.哪个属性可用于改变背景颜色？

您的回答：background-color:

9.如何为所有的 <h1> 元素添加背景颜色？

您的回答：h1 {background-color:#FFFFFF}

10.如何改变某个元素的文本颜色？

您的回答：color:

11.哪个 CSS 属性可控制文本的尺寸？

您的回答：font-size

12.在以下的 CSS 中，可使所有 <p> 元素变为粗体的正确语法是？

您的回答：p {font-weight:bold}

13.如何显示没有下划线的超链接？

您的回答：a {text-decoration:no underline}

正确答案：a {text-decoration:none}

14.如何使文本以大写字母开头？

您的回答：text-transform:capitalize

15.如何改变元素的字体？

您的回答：font-family:

16.如何使文本变为粗体？

您的回答：font-weight:bold

17.如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素？

您的回答：border-width:10px 20px 5px 1px

正确答案：border-width:10px 1px 5px 20px

18.如何改变元素的左边距？

您的回答：margin-left:

19.请判断以下说法是否正确：如需定义元素内容与边框间的空间，可使用 padding 属性，并可使用负值？

您的回答：错误

20.如何产生带有正方形项目的列表？

您的回答：list-type: square

正确答案：list-style-type: square

<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span><script></p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
2.写 "Hello World" 的正确 Javascript 语法是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>document.write("Hello World")</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
3.插入 Javacript 的正确位置是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span><body> 部分和 <head> 部分均可</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
4.引用名为 "xxx.js" 的外部脚本的正确语法是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span><script src="xxx.js"></p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
5.外部脚本必须包含 <script> 标签吗？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>否</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
6.如何在警告框中写入 "Hello World"？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>alert("Hello World")</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
7.如何创建函数？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>function myFunction()</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
8.如何调用名为 "myFunction" 的函数？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>myFunction()</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
9.如何编写当 i 等于 5 时执行一些语句的条件语句？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>if (i==5)</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
10.如何编写当 i 不等于 5 时执行一些语句的条件语句？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>if (i != 5)</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
11.在 JavaScript 中，有多少种不同类型的循环？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(221,0,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>四种。for 循环、while 循环、do...while 循环以及 loop...until 循环。</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
<span style="margin:0px; padding:0px; border:0px">正确答案：</span>两种。for 循环和 while 循环。</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
12.for 循环如何开始？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>for (i = 0; i <= 5; i++)</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
13.如何在 JavaScript 中添加注释？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>//This is a comment</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
14.可插入多行注释的 JavaScript 语法是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>/*This comment has more than one line*/</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
15.定义 JavaScript 数组的正确方法是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>var txt = new Array("George","John","Thomas")</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
16.如何把 7.25 四舍五入为最接近的整数？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>Math.round(7.25)</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
17.如何求得 2 和 4 中最大的数？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>Math.max(2,4)</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
18.打开名为 "window2" 的新窗口的 JavaScript 语法是？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>window.open("http://www.w3school.com.cn","window2")</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
19.如何在浏览器的状态栏放入一条消息？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>window.status = "put your message here"</p>
<h4 style="margin:20px 0px 0px; padding:0px; border:0px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249)">
20.如何获得客户端浏览器的名称？</h4>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="margin:0px; padding:0px; border:0px">您的回答：</span>navigator.appName</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<br>
</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px">最简单简单CSS注释语法为：/* 注释内容 */。注释是以“斜杠+星号”开始，“星号+斜杠”结束，需要注意是注释字符均为英文半角小写。</span><br style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px">
<span style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px">对html注释可以使用：。</span><br style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px">
<span style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px">对javascript注释可以使用：//注释整行</span><br>
</p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px"><br>
</span></p>
<p style="margin-top:12px; margin-bottom:0px; padding-top:0px; padding-bottom:0px; border:0px; line-height:18px; font-family:Verdana,Arial,宋体; background-color:rgb(249,249,249); color:rgb(153,204,0)">
<span style="color:rgb(69,69,69); font-family:arial,宋体,sans-serif,tahoma,'Microsoft YaHei'; font-size:14px; line-height:24px"></span></p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
引用外部脚本的语法：</p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
<script language=”javascript” type=”text/javascript” src=” ”></script></p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
其中的src=” ”中填写同级目录下的外部脚本文件名</p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
 注意事项：</p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
1）  外部脚本文件可以是任意扩展名，浏览器会根据<script>标签中的type属性值和language属性值，判断使用哪种解析器来解析外部脚本文件。通常开发者会将JavaScript外部脚本的扩展名设为.js。</p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
2）  <span style="color:rgb(204,0,0)">在外部脚本文件中，只能包含脚本语言代码，不能包含其他代码（如HTML代码等），也不能包含<script>标签（script元素属于HTML语言中的元素）。</span></p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
3）  在引用外部脚本文件时，<script>标签与</script>标签之间不能有其他代码，包括脚本语言代码。</p>
<p style="color:rgb(54,46,43); font-family:Arial; font-size:14px; line-height:26px; text-indent:2em">
4）  虽然在引用外部脚本文件时，<script>标签与</script>标签之间不能有其他代码，但</script>标签也不能被省略。</p>
<pre id="best-content-1930640963" class="best-text mb-10" style="margin-top:0px; margin-bottom:10px; padding:0px; font-family:arial,'courier new',courier,宋体,monospace,'Microsoft YaHei'; white-space:pre-wrap; word-wrap:break-word; font-size:14px; color:rgb(51,51,51); line-height:24px; background-color:rgb(243,255,236)">JavaScript 支持不同类型的循环：
for - 循环代码块一定的次数
for/in - 循环遍历对象的属性
while - 当指定的条件为 true 时循环指定的代码块
do/while - 同样当指定的条件为 true 时循环指定的代码块</pre>
<br>