HTML Flashcards

0
Q

How do you start a document?

A

<!DOCTYPE html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
1
Q

How to add a photo

A

<img></img>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q

What goes after <!DOCTYPE html>?

A
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q

Write the minimal markup language for a page.

A

<!DOCTYPE html>

my title in the browser

<p>paragraph one</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
4
Q

How do you make a break?

A

<p>start typing then hit <br></br> and continue typing on your new line and end with </p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
5
Q

How do you add a comment?

A

<!--your comment goes here-->

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q

What is the website for HTML 5 markup?

A

www.w3.org/TR/html5/

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
7
Q

What is the tag for a bulleted list?

A
<ul>
     <li>
     <li>
     <li>
</ul>

note: called unordered list

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

How do you make an ordered list?

A
<ol>
      <li>
      <li>
      <li>
</ol>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q

How do you make a list of definitions?

A
<dl>
      <dt>term</dt>
      <dd>definition</dd>
      <dt>term</dt>
      <dd>definition</dd>
</dl>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

How do you make a list of definitions?

A
<dl>
      <dt>term</dt>
      <dd>definition</dd>
      <dt>term</dt>
      <dd>definition</dd>
</dl>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

How do you make a block quote?

A

<blockquote>
<p>type the quote here</p>

<p>continue in a 2nd paragraph if needed</p>
</blockquote>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q

How do you leave blank space?

A

<pre>

| Text With. Space</pre>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q

How to add emphasis

A

<em>
</em>

Or

<strong>
</strong>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q

How do you make a short quotation?

A

quote here

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q

How can you highlight text?

A

here is highlighted text

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q

How do you make a more semantically sound website using a generic tag?

A
<div class="news"> 
<img src="folder/filename.jpg alt=">
<h1>English News</h1>
<p>New words are born everyday</p>
</div>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
17
Q

How do you make a more semantically sound website using a generic tag for inline elements

A

<ul>
<li>Jimmy: <span>382-2727</span></li>
<li>Carter: <span>382-2757</span></li>
</ul>

18
Q

What is the difference between the ‘class’ attributive and ‘id’ attributive?

A

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.

19
Q

Can the ‘class’ and ‘id’ attributives be used with other html tags?

A

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

20
Q

Can an element have both a ‘class’ and ‘id’ attributive?

A

Yes, it can.

<div>
<img></img>
<h1>picture word</h1>
<p>
Here is some extra information about the word</p>
</div>

21
Q

Can you add two different tags to the same text?

A

Yes, you can. It is called nesting.

<i>je ne sais pas</i>

22
Q

What tag do you use for navigation links on a page?

A

<ul>
<li>home</li>
<li>vocab</li>
</ul>

23
Q

What are tags used for?

A

Things that can stand alone such as magazine articles, blog posts, or something that could be taken out for external use

24
Q

Give an example of an tag

A

<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>

25
Q

What is a tag used for?

A

It is used for information that is similarly themed but not necessarily self-contained content.

26
Q

What is the tag used for?

A

It is used to make a side bar

27
Q

How do you add an external link to another site?

A

<a>Learn English Now</a>

28
Q

How do you add an external link to another site with an image?

A

<a><img></img></a>

29
Q

How do you make a link from a page in the same directory to another page on your site?

A

For pages in the same folder: <a>this is the link that appears</a>

30
Q

How do you make a link from a page in a different directory to another page on your site?

A

<a>title of link to appear></a>

31
Q

How do you make a link from a page in a different directory (two folders away) to another page on your site?

A

<a>name of link </a>

Imagine you clicking on each folder and lastly the icon.

32
Q

How do you move back to a file in a folder before it?

A

<a>name of link</a>

33
Q

How do you link to a page up two levels in your directory?

A

<a>title of link</a>

34
Q

How do you link back to somewhere in the same page?

A

First, use the ‘id’ attribute with some element.

<h1>back to vocabulary</h1>

Second, create your link.

<a>back to vocabulary</a>

35
Q

How do you link to a certain place on a different page?

A

First make the ‘id’ attribute for the place you want to link to.

<h1></h1>

Then

<a></a>

36
Q

How do you add an external link to another site?

A

<a>Learn English Now</a>

37
Q

How do you add an external link to another site with an image?

A

<a><img></img></a>

38
Q

How do you make a link to another page on your site?

A

For pages in the same folder:

39
Q

How do you add an external link to another site?

A

<a>Learn English Now</a>

40
Q

How do you add an external link to another site with an image?

A

<a><img></img></a>

41
Q

How do you make a link to another page on your site?

A

For pages in the same folder:

42
Q

How can you target one element in a list for CSS styling?

A

div id=

or

ul:first-of-type li:nth-child(3) {