HTML & CSS Flashcards

1
Q

Adding a comment that won’t effect the code

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< !–Comment– >

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

Defines that kind of document it is

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< !DOCTYPE >

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

Hyperlinks

A

<a>Some words that will display on the site to click</a>

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

The visible part of the code

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< body >
all of your other tags and stuff
go here inside the body
< /body >

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

A section of the document

A

<div>
put all the stuff you want in the section here
</div>

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

Headings and how to prioritze them

A

<h1></h1>

to <h6></h6>

H1 being the biggest H6 being the smallest

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

The part of the code that sets up your document that isn’t seen

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< head >
Code goes here.
This is code that talks to the browser
Or sets up what kind of document it is
The title that ends up on the tab goes here too
< head>

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

A horizontal line

A

<hr></hr>

(this one doesn’t need a closing tag! That’s it!

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

Adding an image (and the stuff that goes with it!)

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< img
alt=”write some text to describe the image for accessibily!”
scr=”link or file location”
>

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

Two types of lists and how to add items to them

A
unordered list
<ul>
     <li>This will</li>
     <li>show up as</li>
     <li>bullet points</li></ul>
ordered list
<ol>
     <li>This will</li>
     <li>be a numbered</li>
     <li>list</li></ol>
How well did you know this?
1
Not at all
2
3
4
5
Perfectly
11
Q

What is metadata and how does it look in HTML

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< meta >
Information ABOUT the code
blah blah blah
< /meta >

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

Paragraph(s) of text

A

<p>Given the existence as uttered forth in the public works of Puncher and Wattmann of a personal God quaquaquaqua with white beard quaquaquaqua outside time without extension who from the heights of divine apathia divine athambia divine aphasia loves us dearly with some exceptions for reasons unknown but time will tell and suffers like the divine Miranda with those who for reasons unknown but time will tell...</p>

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

Adding CSS or other style information to your HTML

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< style type=”text/CSS” >

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

The title that goes in the tab on a browser

A

REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha

< title >This is your title< /title >

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

Here is the reference guide for more!!!

A

https://www.w3schools.com/tags/default.asp

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

Attributes

A

Provide data to HTML tags

17
Q

Adding a horizontal breaks or spacing to your webpage

A

<br></br>

18
Q

What does CSS stand for?

A

Cascading Style Sheets

19
Q

Elements

A

HTML document components (i.e. paragraphs, headers, images)

20
Q

What does HTML stand for?

A

Hypertext Markup Language

21
Q

Properties

A

CSS keywords (i.e. colors, dimensions, fonts)

h1 {
font-family: Times_New_Roman;
}

In this rule, h1 is the selector, font-family is the property, and Times_New_Roman is the value

22
Q

Selectors

A

Which HTML elements are going to be modified in a CSS rule

h1 {
font-family: Times_New_Roman;
}

In this rule, h1 is the selector, font-family is the property, and Times_New_Roman is the value

23
Q

Tags

A

Building blocks of HTML, define content, metainformation, or groupings