HTML Flashcards
(43 cards)
How do you start a document?
<!DOCTYPE html>
How to add a photo
<img></img>
What goes after <!DOCTYPE html>?
Write the minimal markup language for a page.
<!DOCTYPE html>
my title in the browser
<p>paragraph one</p>
How do you make a break?
<p>start typing then hit <br></br> and continue typing on your new line and end with </p>
How do you add a comment?
<!--your comment goes here-->
What is the website for HTML 5 markup?
www.w3.org/TR/html5/
What is the tag for a bulleted list?
<ul> <li> <li> <li> </ul>
note: called unordered list
How do you make an ordered list?
<ol> <li> <li> <li> </ol>
How do you make a list of definitions?
<dl> <dt>term</dt> <dd>definition</dd> <dt>term</dt> <dd>definition</dd> </dl>
How do you make a list of definitions?
<dl> <dt>term</dt> <dd>definition</dd> <dt>term</dt> <dd>definition</dd> </dl>
How do you make a block quote?
<blockquote>
<p>type the quote here</p>
<p>continue in a 2nd paragraph if needed</p>
</blockquote>
How do you leave blank space?
<pre>
| Text With. Space</pre>
How to add emphasis
<em>
</em>
Or
<strong>
</strong>
How do you make a short quotation?
quote here
How can you highlight text?
here is highlighted text
How do you make a more semantically sound website using a generic tag?
<div class="news"> <img src="folder/filename.jpg alt="> <h1>English News</h1> <p>New words are born everyday</p> </div>
How do you make a more semantically sound website using a generic tag for inline elements
<ul>
<li>Jimmy: <span>382-2727</span></li>
<li>Carter: <span>382-2757</span></li>
</ul>
What is the difference between the ‘class’ attributive and ‘id’ attributive?
The ‘id’ value can only be used once to identify a unique item. The ‘class’ value can be used many times to group sections that Rw similar.
Can the ‘class’ and ‘id’ attributives be used with other html tags?
Yes
<dl class="vocablist"> <dt>term</dt> <dd>definition</dd> <dt>term</dt> <dd>definition</dd> </dl>
Note: cannot be used with ‘head’ ‘title’ ‘style’ among a few others
Can an element have both a ‘class’ and ‘id’ attributive?
Yes, it can.
<div>
<img></img>
<h1>picture word</h1>
<p>
Here is some extra information about the word</p>
</div>
Can you add two different tags to the same text?
Yes, you can. It is called nesting.
<i>je ne sais pas</i>
What tag do you use for navigation links on a page?
<ul>
<li>home</li>
<li>vocab</li>
</ul>
What are tags used for?
Things that can stand alone such as magazine articles, blog posts, or something that could be taken out for external use
Language Advice
Keep it fresh
- change your study habits regularly