HTML quiz1

最新推荐文章于 2021-09-26 23:19:15 发布
最新推荐文章于 2021-09-26 23:19:15 发布
阅读量457 收藏
点赞数
分类专栏： JS 文章标签： javascript html html5
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43012796/article/details/120098443
版权

HTML Quiz Results
Score: 33 of 40

82% Correct:

Question 1:
What does HTML stand for?

Hyper Text Markup Language    Your answer  
Hyperlinks and Text Markup Language
Home Tool Markup Language
Question 2:
Who is making the Web standards?

The World Wide Web Consortium    Your answer  
Mozilla
Google
Microsoft
Question 3:
Choose the correct HTML element for the largest heading:

<h1>    Your answer  
<heading>
<h6>
<head>
Question 4:
What is the correct HTML element for inserting a line break?

<br>    Your answer  
<lb>
<break>
Question 5:
What is the correct HTML for adding a background color?

<body style="background-color:yellow;">    Your answer  
<background>yellow</background>
<body bg="yellow">
Question 6:
Choose the correct HTML element to define important text

<important>    Your answer  
<strong>    Correct answer  
<i>
<b>
Question 7:
Choose the correct HTML element to define emphasized text

<em>    Your answer  
<italic>
<i>
Question 8:
What is the correct HTML for creating a hyperlink?

<a href="http://www.w3schools.com">W3Schools</a>    Your answer  
<a name="http://www.w3schools.com">W3Schools.com</a>
<a>http://www.w3schools.com</a>
<a url="http://www.w3schools.com">W3Schools.com</a>
Question 9:
Which character is used to indicate an end tag?

<    Your answer  
^
*
/    Correct answer  
Question 10:
How can you open a link in a new tab/browser window?

<a href="url" target="_blank">    Your answer  
<a href="url" target="new">
<a href="url" new>
Question 11:
Which of these elements are all <table> elements?

<table><tr><td>    Your answer  
<table><head><tfoot>
<thead><body><tr>
<table><tr><tt>
Question 12:
Inline elements are normally displayed without starting a new line.

True    Your answer  
False
Question 13:
How can you make a numbered list?

<ol>    Your answer  
<list>
<ul>
<dl>
Question 14:
How can you make a bulleted list?

<ul>    Your answer  
<ol>
<dl>
<list>
Question 15:
What is the correct HTML for making a checkbox?

<input type="checkbox">    Your answer  
<check>
<checkbox>
<input type="check">
Question 16:
What is the correct HTML for making a text input field?

<input type="text">    Your answer  
<textfield>
<textinput type="text">
<input type="textfield">
Question 17:
What is the correct HTML for making a drop-down list?

<select>    Your answer  
<input type="list">
<input type="dropdown">
<list>
Question 18:
What is the correct HTML for making a text area?

<textarea>    Your answer  
<input type="textarea">
<input type="textbox">
Question 19:
What is the correct HTML for inserting an image?

<img src="image.gif" alt="MyImage">    Your answer  
<img href="image.gif" alt="MyImage">
<image src="image.gif" alt="MyImage">
<img alt="MyImage">image.gif</img>
Question 20:
What is the correct HTML for inserting a background image?

<body style="background-image:url(background.gif)">    Your answer  
<body bg="background.gif">
<background img="background.gif">
Question 21:
An <iframe> is used to display a web page within a web page.

True    Your answer  
False
There is no such thing as an <iframe>
Question 22:
HTML comments start with <!-- and end with -->

True    Your answer  
False
Question 23:
Block elements are normally displayed without starting a new line.

False    Your answer  
True
Question 24:
Which HTML element defines the title of a document?

<title>    Your answer  
<meta>
<head>
Question 25:
Which HTML attribute specifies an alternate text for an image, if the image cannot be displayed?

alt    Your answer  
title
src
longdesc
Question 26:
Which doctype is correct for HTML5?

<!DOCTYPE html>    Your answer  
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">
<!DOCTYPE HTML5>
Question 27:
Which HTML element is used to specify a footer for a document or section?

<footer>    Your answer  
<section>
<bottom>
Question 28:
In HTML, you can embed SVG elements directly into an HTML page.

False    Your answer  
True    Correct answer  
Question 29:
What is the correct HTML element for playing video files?

<video>    Your answer  
<movie>
<media>
Question 30:
What is the correct HTML element for playing audio files?

<audio>    Your answer  
<sound>
<mp3>
Question 31:
The HTML global attribute, "contenteditable" is used to:

Specify whether the content of an element should be editable or not    Your answer  
Return the position of the first found occurrence of content inside a string
Specifies a context menu for an element. The menu appears when a user right-clicks on the element
Update content from the server
Question 32:
In HTML, onblur and onfocus are:

Event attributes    Your answer  
HTML elements
Style attributes
Question 33:
Graphics defined by SVG is in which format?

CSS    Your answer  
HTML
XML    Correct answer  
Question 34:
The HTML <canvas> element is used to:

draw graphics    Your answer  
create draggable elements
display database records
manipulate data in MySQL
Question 35:
In HTML, which attribute is used to specify that an input field must be filled out?

required    Your answer  
placeholder
validate
formvalidate
Question 36:
Which input type defines a slider control?

slider    Your answer  
search
controls
range    Correct answer  
Question 37:
Which HTML element is used to display a scalar measurement within a range?

<range>    Your answer  
<meter>    Correct answer  
<measure>
<gauge>
Question 38:
Which HTML element defines navigation links?

<nav>    Your answer  
<navigate>
<navigation>
Question 39:
In HTML, what does the <aside> element define?

A navigation list to be shown at the left side of the page    Your answer  
Content aside from the page content    Correct answer  
The ASCII character-set; to send information between computers on the Internet
Question 40:
Which HTML element is used to specify a header for a document or section?

<header>    Your answer  
<top>
<section>
<head>
JasonDecode
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html css quiz,quiz.html
weixin_30236323的博客
06-30 542
LeftValues Quizsrc="questions.js">LeftValuesLoading...Strongly Agree Agree Neutral/Unsure Disagree Strongly Disagree BackBackvar sc_project=12079783;var sc_invisible=1;var sc_security="fa5443fa";var s...
html css quiz,HTML Quiz
weixin_39922749的博客
06-30 127
HTML QuizYou can test your HTML skills with W3Schools' Quiz.The TestThe test contains 25 questions and there is no timelimit.The test is not official, it's just a nice way to see how much you know,or ...
耶！！！第一篇 HTML 最最最最基础之前学习的东西
weixin_30627381的博客
05-14 646
今天在飘飘同学的鼓励和建议下，我终于开通了博客园博客哈哈！！！决定把新学习的一些东西的笔记记录在这里，还可以互相监督学习，互相鼓励！谁让我们都是追求进步的人呢是吧！哦吼吼吼 之前自己一直跟着视频学习了一些html，其实学习的很慢很慢（按理说如果不是跟着视频，而是就看看html代码可能学得更快，不过也可能基础不牢固。不过说实话html这东西估计也没什么基础牢不牢固而言额）。刚才突发奇想去w3...
Html block and inline
iteye_8675的博客
06-02 125
HTML elements can be grouped together with &lt;div&gt; and &lt;span&gt; HTML Block Elements Most HTML elements are defined asblock levelelements or asinlineelements. Block level elements nor...
html css quiz,CSS Quiz
weixin_39636226的博客
06-30 97
CSS QuizYou can test your CSS skills with W3Schools' Quiz.The TestThe test contains 25 questions and there is no time limit.The test is not official, it's just a nice way to see how much you know, or ...
math-quiz-1
03-20
在"math-quiz-1"中，HTML可能被用来创建问题的布局、按钮以供用户选择答案，以及显示结果的区域。HTML元素通常由标签对组成，如`<p>`（段落）、`<h1>`（标题）、`<button>`（按钮）等。此外，HTML还可以与CSS（层叠...
html-quiz.md
01-27
LinkedIn中html的技能测评问题，整理的一些题库（52题）
WEBPRO_QUIZ_1
02-13
在"WEBPRO_QUIZ_1"中，我们可以推测这是一个关于HTML基础知识的测验，可能包含HTML的基本结构、元素、属性以及它们在网页设计中的应用。 【HTML结构】 一个基本的HTML文件由两大部分组成：头部（）和主体（）。...
Math-Quiz-1
03-09
综上所述，"Math-Quiz-1"项目涵盖了HTML基础结构、CSS样式设计以及JavaScript交互等多个核心Web开发知识点。通过实践这个项目，开发者可以加深对这些技术的理解，同时也能锻炼到问题设计、用户交互实现以及前端性能...
quiz
03-30
【HTML Quiz】 HTML（HyperText Markup Language）是构建网页的基础语言，用于描述网页的结构和内容。这个“quiz”可能是一个关于HTML的测试或学习资源，旨在帮助用户检验或提升他们的HTML知识。 HTML标签是HTML的...
JavaScript - new Map()基本用法
热门推荐
deep learning
12-09 1万+
// 1 variables var a = 5; var b = 10; var c = "I am a"; a = a + 1; b = b + 5; c = c + " String!"; console.log(c); console.log(a); console.log(b); //2 Adding numbers var sum = 10 + 10; console.log(sum); //3 subtraction var difference = 45 - 0; console.
Javascript入门学习
deep learning
12-17 1424
Javascript for beginners 1 print Hello world! console.log("Hello world!"); 2 comment your code 2.1 in-line comment console.log("Hello world!"); // in-line comment 2.2 multi-line comment /* console.log("Hello\n"); console.log("world!\n"); */ 3 dat
js arr.every()
deep learning
09-26 730
ispositive is a callback function need to check every element // JavaScript code for every() method function ispositive(element, index, array) { return element > 0; } function func() { var arr = [11, 89, 23, 7, 98]; // Check for positive n
JS function 四种写法
deep learning
09-01 586
function area(length, width) { return length * width; } console.log(area(2, 3)); const area1 = function(length, weight) { return length * weight; } console.log(area1(2, 3)); const area2 = (length, weight) => { return length * weight; } console.l
JS - string 十种用法
deep learning
12-12 372
string 1 string format let name = 'Jason'; let age = 20; let str = 'My name is ' + name + ', I am ' + age + ' years old!' console.log(str); console.log(My name is ${name}, I am ${age} years old!); 2 string many lines and length let text = 'This is very lon
js arr.entries()
deep learning
09-26 345
for (const [idx, val] of arr.entries()) { console.log(idx, val); }
HTML pre tag保留原输入格式
deep learning
09-04 330
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Page Title&
用html css js做一个考试页面
最新发布
06-13
好的，我可以为您提供一个简单的考试页面的示例代码，您可以参考以下代码： HTML代码： ``` <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>考试页面</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="container"> <h1>考试题目</h1> <form id="quiz-form"> <div class="question"> <h2>问题1：</h2> <label> <input type="radio" name="q1" value="a"> 选项A </label> <label> <input type="radio" name="q1" value="b"> 选项B </label> <label> <input type="radio" name="q1" value="c"> 选项C </label> </div> <div class="question"> <h2>问题2：</h2> <label> <input type="radio" name="q2" value="a"> 选项A </label> <label> <input type="radio" name="q2" value="b"> 选项B </label> <label> <input type="radio" name="q2" value="c"> 选项C </label> </div> <div class="question"> <h2>问题3：</h2> <label> <input type="radio" name="q3" value="a"> 选项A </label> <label> <input type="radio" name="q3" value="b"> 选项B </label> <label> <input type="radio" name="q3" value="c"> 选项C </label> </div> <button type="submit">提交答案</button> </form> </div> <script src="script.js"></script> </body> </html> ``` CSS代码： ``` .container { width: 80%; margin: 0 auto; text-align: center; } h1 { font-size: 2rem; margin-bottom: 2rem; } .question { margin: 2rem 0; } h2 { font-size: 1.5rem; margin-bottom: 1rem; } label { display: block; margin-bottom: 1rem; } button[type="submit"] { font-size: 1.2rem; background-color: #4CAF50; color: #fff; padding: 1rem; border: none; border-radius: 5px; margin-top: 2rem; cursor: pointer; } button[type="submit"]:hover { background-color: #3e8e41; } ``` JavaScript代码： ``` const quizForm = document.querySelector('#quiz-form'); quizForm.addEventListener('submit', (event) => { event.preventDefault(); // 阻止默认提交行为 const formData = new FormData(quizForm); let score = 0; for (let [question, answer] of formData.entries()) { if (answer === 'a') { score += 1; } } alert(`您的得分是 ${score} 分`); }); ``` 这是一个简单的考试页面，包含3个问题和每个问题的3个选项。当用户提交答案后，JavaScript代码将计算用户的得分并弹出一个包含得分的警告框。您可以根据需要修改代码来适应您的需求。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值