HTML Flashcards
<meta></meta>
Provides metadata about the document, such as character encoding, viewport settings, or page description.
section
Defines a section of content with a heading that groups related content.
article
Represents self-contained content, such as blog posts or news articles.
input type=”checkbox”
Allows users to select multiple options in a form.
body
Holds all the content to be displayed on the page.
pre
preformatted text
head
contains elements for the browser, search engines and robots such as metadata and titles.
Give examples of inline and block elements:
block = div, article, h1, footer, header;
inline = img, span, script, br, code
What are attributes?
They define the behavior, linkage and functionality of elements. Ex.: class, id, style, title, lang.
Write an HTML link to “uni.lu” to the section “about us”.
a href=”https://uni.lu/#about-us” target=_self
What is this link called?
<a> </a>
It is an absolute link with a link fragment (points to a certain section of a page).
What are ARIA role attributes?
They are attributes that provide information on the document structure to assistive technologies, when native HTML tags are unavailable. Ex.: document structure role (tooltip, feed) or widget role (scrollbar, slider) or landmark roles (nav, main, banner).
How would you embed an image?
img src=”image.png” alt=”img” width=”100” height=”100”
How do you create a list that is not ordered?
<nav>
<ul>
<li>Element 1<li>
<li>Element 2</li>
</ul>
</nav>
</li></li></ul></nav>
Make a description list.
<dl>
<div>
<dt>Author</dt>
<dd>John Green</dd>
</div>
</dl>
