Quizdown Demo

Embed an external quizfile

.. quizdown:: ./quiz.md

🤖 Show quiz.md

---
shuffle_answers: true
shuffle_questions: false
locale: en
---

#### Who is the person in the picture?

![](https://upload.wikimedia.org/wikipedia/commons/thumb/9/9d/Sir_Tim_Berners-Lee.jpg/330px-Sir_Tim_Berners-Lee.jpg)

> In 1990, he published the [worlds first website](http://info.cern.ch/hypertext/WWW/TheProject.html).

- [x] Tim Berners-Lee
- [ ] Alan Turing
- [ ] Barbara Liskov
- [ ] Larry Page


#### Who is the person in the picture?

![](https://upload.wikimedia.org/wikipedia/commons/thumb/e/e5/Ted_Nelson_cropped.jpg/330px-Ted_Nelson_cropped.jpg)

> He coined the terms *hyptertext* and *hypermedia* in 1963!

- [x] Ted Nelson
- [ ] Donald Knuth
- [ ] Grace Hopper
- [ ] John von Neumann


#### What is the HTML element for the largest heading in a document?

- [x] `<h1></h1>`
- [ ] `<header></header>`
- [ ] `<title></title>`
- [ ] `<heading1></heading1>`



#### What is the `<a></a>` tag used for?

- [x] for defining hyperlinks
- [ ] for defining a paragraph
- [ ] for defining code snippet
- [ ] for defining an image



### What is the difference between a tag and an attribute?

```html
<a href="url">link text</a>
```

Select all correct answers:

- [x] A tag represents an html element.
- [x] An attribute defines a property of an html element.
- [ ] An attribute is everything between the opening and closing tag.
- [ ] `"url"` is an attribute in the example above.


#### How many valid HTML element tags are currently defined?

> Check out https://developer.mozilla.org/en-US/docs/Web/HTML/Element

- [x] 100 - 120
- [ ] 80 - 100
- [ ] 120 - 140
- [ ] 140 - 160


### How many `buttons` are defined on the [homepage of Spiced Academy](https://www.spiced-academy.com/en)?

```html
<button>
    my button
</button>
```

- [x] 7
- [ ] 14
- [ ] 5
- [ ] 23


#### What is the IP address of [google.com](https://google.com)?

- [x] 142.250.186.110
    > This is the ipv4 address
- [x] 2a00:1450:4001:829::200e
    > This is the ipv6 address
- [ ] https
- [ ] com


#### What is a tag soup?

> `<p>This is a tag <em>soup.</p></em>`

- [ ] nicely written html code
- [x] malformed html code



#### Two organizations hide in the chunk of text. Do you find them?

```
CW3THAGWW
```

- [x] `W3C`
    > World Wide Web Consortium
- [x] `WHATWG`
    > Web Hypertext Application Technology Working Group
- [ ] `WWW`
- [ ] `C3PO`

Rendered quiz app (🚀 edit in quizdown editor)

--- shuffle_answers: true shuffle_questions: false locale: en --- #### Who is the person in the picture?  > In 1990, he published the [worlds first website](http://info.cern.ch/hypertext/WWW/TheProject.html). - [x] Tim Berners-Lee - [ ] Alan Turing - [ ] Barbara Liskov - [ ] Larry Page #### Who is the person in the picture?  > He coined the terms *hyptertext* and *hypermedia* in 1963! - [x] Ted Nelson - [ ] Donald Knuth - [ ] Grace Hopper - [ ] John von Neumann #### What is the HTML element for the largest heading in a document? - [x] `<h1></h1>` - [ ] `<header></header>` - [ ] `<title></title>` - [ ] `<heading1></heading1>` #### What is the `<a></a>` tag used for? - [x] for defining hyperlinks - [ ] for defining a paragraph - [ ] for defining code snippet - [ ] for defining an image ### What is the difference between a tag and an attribute? ```html <a href="url">link text</a> ``` Select all correct answers: - [x] A tag represents an html element. - [x] An attribute defines a property of an html element. - [ ] An attribute is everything between the opening and closing tag. - [ ] `"url"` is an attribute in the example above. #### How many valid HTML element tags are currently defined? > Check out https://developer.mozilla.org/en-US/docs/Web/HTML/Element - [x] 100 - 120 - [ ] 80 - 100 - [ ] 120 - 140 - [ ] 140 - 160 ### How many `buttons` are defined on the [homepage of Spiced Academy](https://www.spiced-academy.com/en)? ```html <button> my button </button> ``` - [x] 7 - [ ] 14 - [ ] 5 - [ ] 23 #### What is the IP address of [google.com](https://google.com)? - [x] 142.250.186.110 > This is the ipv4 address - [x] 2a00:1450:4001:829::200e > This is the ipv6 address - [ ] https - [ ] com #### What is a tag soup? > `<p>This is a tag <em>soup.</p></em>` - [ ] nicely written html code - [x] malformed html code #### Two organizations hide in the chunk of text. Do you find them? ``` CW3THAGWW ``` - [x] `W3C` > World Wide Web Consortium - [x] `WHATWG` > Web Hypertext Application Technology Working Group - [ ] `WWW` - [ ] `C3PO`

---

Write inline quizdown

.. quizdown::

   ---
   shuffle_answers: false
   ---

   ## What is the capital of Germany?

   > It's the largest city in Germany.

   1. [x] Berlin
   2. [ ] Cologne
   3. [ ] Frankfurt
   4. [ ] Munich

Rendered quiz app

--- shuffle_answers: false --- ## What is the capital of Germany? > It's the largest city in Germany. 1. [x] Berlin 2. [ ] Cologne 3. [ ] Frankfurt 4. [ ] Munich