html Flashcards

1
Q

what does the “id” attribute do

A

specifies different content, helpful when you use an element more than once

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

<em></em>

A

emphasises text

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

<strong></strong>

A

makes text bold

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

<br></br></br>

A

line break

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

<ul></ul>

A

creates an unordered list

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

<li></li>

A

adds individual items to the unordered list

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

whats an unordered list

A

a list that doesnt have numbers like 1. , 2.

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

<ol></ol>

A

ordered list

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

alt attribute

A
  • ## If an image fails to load on a web page, a user can mouse over the area originally intended for the image and read a brief description of the image
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
10
Q

<video></video>

A

adds a video url

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

<a></a>

A

anchor element which connects 2 links

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

how to open a different link in a NEW WINDOW

A

<a href = (link) target=”_blank”></a>

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

how to open a different link by clicking on an image

A

<a href=”(newlink)” target=”_blank””><img></img></a>

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

how to create a link that takes you to a different part of the same page

A

href = “#(id of the part of the page)”

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

how to make a comment

A

start with <!-- end with -->

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

<table></table>

A

creates a table

17
Q
  • how to add rows in a table
  • how to add data in a table
A

create the table then add <tr></tr> below the table element

under the table rows, add <td></td>

18
Q

how to add titles to rows and columns

A

<th></th>

, you then add a scope attricute and specify if the title is assigned to a “row” or a “col”

19
Q

colspan attribute

A

The attribute accepts an integer (greater than or equal to 1) to denote the number of columns it spans across.

20
Q

rowspan attribute

A

span multiple rows

21
Q

<tbody></tbody>

A

Long tables can be sectioned off using the table body element: <tbody>

22
Q

how to section off a tables columns heading

A

<thead></thead>

23
Q

how to section off the bottom part of a long table

A

<tfoot>
</tfoot>

24
Q

<th>
</th>

A

represents the header of a table column or row

25
Q

order of table elements when making a table

A

<table>
<thead>
<tbody>
<tr>
<th></th>
</tr>
</tbody>
</thead>
</table>

26
Q

<form></form>

A

creates a form

27
Q

action attribute

A

determines where the information in the form is sent to

28
Q

method attribute

A

assigns a HTTP verb that is included in the HTTP request, eg method = “POST

29
Q

how to add an input for a form

A

<input></input>

30
Q

type attribute

A

determines how it renders on the web page and what kind of data it can accept, eg type =”text”

31
Q

value attribute

A

adds text inside the form

32
Q

name attribute

A

The name attribute assigns a unique identifier to the <input></input> element, which is used when the form data is submitted

33
Q

<label></label>

A

adds writing on top of the form, need to add a “for” attribute. for attribute has to match the id attribute

34
Q

type=””

A
  • text
  • password
  • number
  • range (can set min and max)
  • checkbox
  • radio
35
Q

step attribute

A

creates arrows inside the input field to increase or decrease by the value of the step attribute

36
Q

how to do choices in a list

A

<form></form>

<label></label>
select></select>
<option></option>

37
Q

choice layout

A

<section></
<label></
<input></input>
</section>
</label></section>

38
Q

how to do a datalist(no scrolling)

A

<form>
<label</label>
<input></input>

<datalist>
<option></option>
</datalist>
</form>

39
Q

<textarea></textarea>

A

used to create a bigger text field for users to write more text. We can add the attributes rows and cols to determine the amount of rows and columns for the <textarea></textarea>