HTML Flashcards

(43 cards)

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
Give an example of an tag

Language Advice

Keep it fresh

    change your study habits regularly
  • study a variety of vocabulary that is useful in a variety of contexts
  • study all aspects of the language: listening, speaking, reading and writing
  • 25
    What is a tag used for?
    It is used for information that is similarly themed but not necessarily self-contained content.
    26
    What is the tag used for?
    It is used to make a side bar
    27
    How do you add an external link to another site?
    28
    How do you add an external link to another site with an image?
    description of photo
    29
    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: this is the link that appears
    30
    How do you make a link from a page in a different directory to another page on your site?
    31
    How do you make a link from a page in a different directory (two folders away) to another page on your site?
    name of link Imagine you clicking on each folder and lastly the icon.
    32
    How do you move back to a file in a folder before it?
    33
    How do you link to a page up two levels in your directory?
    34
    How do you link back to somewhere in the same page?
    First, use the 'id' attribute with some element.

    back to vocabulary

    Second, create your link. back to vocabulary
    35
    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.

    Then
    36
    How do you add an external link to another site?
    37
    How do you add an external link to another site with an image?
    description of photo
    38
    How do you make a link to another page on your site?
    For pages in the same folder:
    39
    How do you add an external link to another site?
    40
    How do you add an external link to another site with an image?
    description of photo
    41
    How do you make a link to another page on your site?
    For pages in the same folder:
    42
    How can you target one element in a list for CSS styling?
    div id= or ul:first-of-type li:nth-child(3) {