LAB 1.3 Flashcards

1
Q
  • are the pieces themselves, i.e. a paragraph, or a header, even the body. Most of this can contain other , as the body would contain header, paragraph, in fact pretty much all of the visible elements of the DOM (Document Object Model)
A

Elements

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
2
Q
  • are what we use to organize a text file (which is just a long string of characters)
  • By using ‘<’ and ‘>’ as a kind of parentheses, HTML can indicate the beginning and end of a, i.e. the presence of ‘<’ tells the browser ‘this next bit is markup, pay attention’.
A

Tags

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
3
Q
  • these tags represent an element that is completely described by its attributes, and thus there is no need for other content
A

Self closing Tags

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

are a way of adding some text that is primarily targeted towards human readers.

A

Comments

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

Basically, a given element on your Web page can be distinguished by any number of unique or common _. You can identify it uniquely with an id _, or group it with a class of other elements by setting the class _.

A

Attributes

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
6
Q
  • it is what is used as a reference to map code points into bytes to store in a computer memory; then when you use a character in your HTML, the bytes are read back into code points using as a reference.
A

Character Encoding

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

Examples of character encoding:

A
  • ASCII: contains letters, characters and a limited set of symbols and punctuation for the English language
  • Windows-1252 (Latin1): Windows character set that supports 256 different code points
  • ISO-8859-6: contains letters and symbols based on the Arabic script
  • Unicode: contains characters for most living languages and scripts in the world
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
8
Q

Do’s and Don’ts

A
  • The open and close tags should always match
  • Proper indentation is one way to make your code clearer and easier to understand:
  • Consistent quoting of strings is also helpful, in part to avoid potential problems that can arise when you think something does not need quotes but it actually does
  • Don’t worry about too many white spaces
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
9
Q
  • This tag is special. In fact, many folks don’t even consider it a tag, as it is officially the DTD - Document Type Declaration. Unlike most tags, it has no closing tag, not even a “/” at the end. It is there to declare exactly what type of HTML the computer will find in this file. It is used as that:
A

<!doctype>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q
  • The tag open and close tags wrap around nearly everything in your html file (except the doctype tag). This essentially contains all of the HTML code in the file, which is generally everything (one big html element).
A

<html>
</html>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q
  • The element is where you put information that does not really appear in the body of the work.
A

<head>
</head>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
12
Q
  • This section contains all of the content of your page, essentially what the user sees. This could be text, pictures, links, videos, tables and so on. There can be only one element in a document.
A

<body>
</body>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
13
Q
  • There is a whole collection of ‘h’ tags, <h1>, <h2>, <h3> . . . all the way up to <h6>. Why there are 6 rather than 5 or 7 may be a bit of a mystery, but there it is.
A

<h1>
</h1>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
14
Q
  • is for ‘paragraph’, which is the tag you may use to arrange much of your text
    information.
A

<p>
</p>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
15
Q
  • This tag is for quotes. This tag has no relationship to the somewhat confusing single and double quote characters, rather it’s used when you want to quote a person or written work in your Web page. Quotes are customarily displayed using quotation marks.
A

<q></q>

How well did you know this?
1
Not at all
2
3
4
5
Perfectly
16
Q
  • If you want to quote a larger passage, you may want to use blockquote, which will typically set the quoted text apart from the surrounding text and indent it
A

<blockquote>
</blockquote>

17
Q
  • These two tags are used to indicate a list of things. The only difference is that <ol> is an “ordered” list, meaning the elements are in a particular order, and it might be a good idea to number them
A

<ul>, <ol>
</ol></ul>

18
Q
  • The li element is a “List Item”, i.e. one item in the list. As you might expect, this element only really makes sense nested inside a list (<ul> or <ol>).
A

<li>
</li>

19
Q
  • This tag stands for horizontal rule and is used to insert a horizontal line across the width of the text, or a thematic break in an HTML page to divide or separate document sections. The tag is empty and does not require an end tag.
A

<hr></hr>

20
Q
  • This tag signifies a line break
A

<br></br>

21
Q
  • stands for “PREformatted text”, meaning that the text is to be presented exactly as written in the HTML file. It preserves all text formatting characters i.e. spaces, line breaks and (thus bypassing the white space rule) and most typically implies a monospace font.
A

<pre>
</pre>