HTML Flashcards
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
Give an example of an tag
<h1>Language Advice</h1>
<h2>Keep it fresh</h2>
<ul>change your study habits regularly</ul>
<li>study a variety of vocabulary that is useful in a variety of contexts</li> <li>study all aspects of the language: listening, speaking, reading and writing</li>
</ul>
What is a tag used for?
It is used for information that is similarly themed but not necessarily self-contained content.
What is the tag used for?
It is used to make a side bar
How do you add an external link to another site?
<a>Learn English Now</a>
How do you add an external link to another site with an image?
<a><img></img></a>
How do you make a link from a page in the same directory to another page on your site?
For pages in the same folder: <a>this is the link that appears</a>
How do you make a link from a page in a different directory to another page on your site?
<a>title of link to appear></a>
How do you make a link from a page in a different directory (two folders away) to another page on your site?
<a>name of link </a>
Imagine you clicking on each folder and lastly the icon.
How do you move back to a file in a folder before it?
<a>name of link</a>
How do you link to a page up two levels in your directory?
<a>title of link</a>
How do you link back to somewhere in the same page?
First, use the ‘id’ attribute with some element.
<h1>back to vocabulary</h1>
Second, create your link.
<a>back to vocabulary</a>
How do you link to a certain place on a different page?
First make the ‘id’ attribute for the place you want to link to.
<h1></h1>
Then
<a></a>
How do you add an external link to another site?
<a>Learn English Now</a>
How do you add an external link to another site with an image?
<a><img></img></a>
How do you make a link to another page on your site?
For pages in the same folder:
How do you add an external link to another site?
<a>Learn English Now</a>
How do you add an external link to another site with an image?
<a><img></img></a>
How do you make a link to another page on your site?
For pages in the same folder:
How can you target one element in a list for CSS styling?
div id=
or
ul:first-of-type li:nth-child(3) {
