HTML & CSS Flashcards
Adding a comment that won’t effect the code
REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha
< !–Comment– >
Defines that kind of document it is
REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha
< !DOCTYPE >
Hyperlinks
<a>Some words that will display on the site to click</a>
The visible part of the code
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 >
A section of the document
<div>
put all the stuff you want in the section here
</div>
Headings and how to prioritze them
<h1></h1>
to <h6></h6>
H1 being the biggest H6 being the smallest
The part of the code that sets up your document that isn’t seen
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>
A horizontal line
<hr></hr>
(this one doesn’t need a closing tag! That’s it!
Adding an image (and the stuff that goes with it!)
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”
>
Two types of lists and how to add items to them
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>
What is metadata and how does it look in HTML
REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha
< meta >
Information ABOUT the code
blah blah blah
< /meta >
Paragraph(s) of text
<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>
Adding CSS or other style information to your HTML
REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha
< style type=”text/CSS” >
The title that goes in the tab on a browser
REMOVE SPACES AFTER < AND BEFORE >!!! Brainscrape won’t let me type actual code haha
< title >This is your title< /title >
Here is the reference guide for more!!!
https://www.w3schools.com/tags/default.asp