HTML Flashcards

1
Q

non-visible content?

A

settings on the website, meta content, etc. ALL in <header>

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

visible content?

A

<p>, <h1>, <img></img> etc. All in <body>
</body></h1></p>

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

<!DOCTYPE>?

A

define this is a html 5 file

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

basic HTML-skeleton include?

A

<!DOCTYPE>

<head> </head>

<body> </body>

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

what is the element <title> does?</title>

A

define the name of the website shows on the tab

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

What is the purpose of HTML attributes?

A

Give each element different settings

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

HTML entity for >, < ?

A

&gt: &lt:

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

HTML entity for © ®?

A

© ®

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

How do block-level elements affect the document flow?

A

It’s gonna take entire row

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

How do inline elements affect the document flow?

A

It Just gonna effects its own part in line.

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

What are the default width and height of a block-level element?

A

height is zero varies on the content. default width is fitting on computer screen size.

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

Difference betwween (<ul> and <ol>?

A

<ul> doesn't care order.
<ol> will set numbers to the item.
</ol></ul>

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

What HTML tag is used to link to another website?

A

<a>xxxx</a>

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

absolute URL?

A

start from the root. use /xxx/xxx

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

relative URL?

A

start from the current location to another. all the webpage are require in one branch. To use, ../../ every ../ is jump to the parent folder.

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

<b> <i></i></b>

A

<b> stands for bold. <i> stand for italic.
<b> <i> is replace by <strong> <em></em></strong></i></b></i></b>

17
Q

A

is to put word on the right top of another word.
Ex: a2 + b2 = c2

is to put word on the right bottom of another word.
Ex:

18
Q

<br></br>

A

Start a new line

19
Q

<hr></hr>

A

add a horizontal line between two lines

20
Q

<q></q>

A

add “ in text. Not often use cause IE doesn’t support .

21
Q

<cite></cite>

A

cite some things in text

22
Q

<dfn></dfn>

A

define something in text

23
Q

<abbr>xxx<?abbr></abbr>

A

add a comment box which you can define it by hover the mouse on some text

24
Q

. .. in terminal

A

. means here

..means up by one parent directory

25
Q

<form>
</form>

A

the action attribute in the <form> element means the URL for the page on the server that will receive the information in the form when it’s submitted

26
Q

<form>
<form>
</form></form>

A

method attribute is the way of form been sent to the server.

“get” usually behind the “action” URL. use for Short form, retrieving data, but not change or add them.

“post” usually sent by http headers. it can carry Long forms, The FILE user uploaded , sensitive data(passwords ), change or add data to the server.

27
Q

<input></input>

A

creat several differet form controls. can be use in a lot of different ways with different attributes

28
Q

<table> </table>

A

to create a table in the website

29
Q

<thead> </thead>

<tbody> </tbody>

<tfoot> </tfoot>

A

<thead> is to set the table head content. should include <tr> <th>

<tbody> is to set the table body content. should include <tr> <td>

<tfoot> is to set the table foot content. should include <tr> <th>
</th></tr></tfoot></td></tr></tbody></th></tr></thead>

30
Q

<tr>
<th>
<td>
</td></th></tr>

A

stand for table row, table head, table data.

31
Q

<td>xxxxx</td>

A

colspan attribute means a cell that take “x” amount of cell in row.

32
Q

<td>xxxxx</td>

A

rowspan attribute means a cell that take “x” amount of cell in column

33
Q

<input type=”text” name=”xxx” maxlength=”x”

A

type attribute in here means different input format. (text,password,radio,checkbox….)

name attributes in here means the data is store in the server under which part(the name defined in here)

maxlength attributes in here mean we can set the maximum number of characters of user can put in one time

34
Q

<textarea> ?????</textarea>

A

textarea elements in here means a box where user can input a lot of sentences.

cols attribute in here means the vertical space the textarea is taken and rows attribute stand for horizontal spaces.

the text we enter in the middle(???) can be the placeholder in the textarea.

35
Q

<th>xxx</th>

<td>xxx</td>

A

use to creat table head content on the side.

col is row
row is column

36
Q

<input type=”radio” name=”??” value=”xxx” checked=”checked />

A

Type “radio” can create button that user are able to pick once. ⭕️xx ⭕️xx ⭕️xx (can’t be deselected once the user press the button)

name is the data is store in the server under which part(the name defined in here)

value attribute means the value that is sent to the server for the selected option. (You can give the button a fun name but the value is the actual meaning of the button)

checked attribute means you can set a button as the pre-select one. user can change it any time. ONLY one radio button in a group should use this attribute.

37
Q

<input type=”checkbox” name=”??” value=”xxx” checked=”checked />

A

Type “checkbox” can create button that user are able to pick one or more, and able to DESELECT it.
🔘xx 🔘xx 🔘xx

38
Q

<select>
<option>???</option>
<option value=”xxx” selected=”selected>??</option>
</select>

A

by using <select> and <option>, we can make a drop down list box(search for example).</option></select>

<select>is the group that contains multiple <option>. each of option we can set its value and the text.</option></select>

selected attribute means you can set a button as the pre-select one. user can change it any time.