HTML Flashcards
How do you make text bold and simultaneously signal to the browser that it’s important?
<strong></strong>
How do you make the text italic and simultaneously signal to the browser that it’s important?
<em></em>
How do you create an ordered list?
<ol>
<li></li>
<li></li>
</ol>
How do you create an unordered list?
<ul>
<li></li>
<li></li>
</ul>
How do you insert an image?
<img></img>
<img></img>
src is an attribute
How do you add an alternative text for an image?
alt=”description of image”
img src=”image.jpg” alt=”description of image”>
src and alt are attributes
What are the most common html section elements?
headings - h1, h2….h6
<main> the most central content of the page
<aside> other content on the page
<article> stand-alone piece of content.
<header> header of the page, often containing navigation
<footer> footer information like contact info
<nav> navigation like links and menus
<section> general purpose container for sectioning pages where a more specific container does not make sense.
</section></nav></footer></header></article></aside></main>
What are the most common child elements in <head>?
<title>, <meta></meta> and <link></link>
</title>
What is the second child of the <html> element after <head>?
<body>
</body>
How do you link to an external resource?
<link></link>
<link></link>
where href and rel are attributes
What tag is used to add metadata? (Data not covered by other elements)
<meta></meta>
e.g. to set the viewport to the size of the rendering device in <head>
<meta></meta>
Also, best practice to specify the encoding of the character format in <head>.
<meta></meta>
How do you specify a quote?
<blogquote></blogquote>
is a block element (breaks up the flow of the text on the page)
What element is used to contain a chart or a figure?
<figure> (typically contains an <img></img> or other media element)
<figcaption> provides a caption for a figure
</figcaption></figure>
What element is used to provide a wrapper around text that is normally used to attach styles?
<div>
</div>
What element is used to link to another document on the web?
<a> - “anchoring”</a>
<a>Link</a>
