HTML Flashcards
How to make a dead link
{a href=”#”}link {/a}
How to make a link open a new page
{a href=”www.google.com” target=”_blank”> google
How do you nest an image into a link where the link is www.google.com and the image is https://bit.ly/image
{a href=”www.google.com”} {img src=”http://bit.ly}
{/a}
What are the 7 descriptive HTML5 tags
main header footer nav video article section
How do you link to an internal section with id “more_info”
{a href=”#more_info”} more info {/a}
What is an id tag
id is an attribute that uniquely describes an element
create unordered list with the following: eat, sleep, sit
{ul}
{li}eat{/li}
{li}sleep{/li}
{li}sit{/li}
{/ul}create ordered list with following: bread, milk, eggs
{ol}
{li}bread{/li}
{li}milk{/li}
{li}eggs{/li}
{/ol}
-create a text field that accepts input that says “please enter text”
{input type=”text” placeholder=”please enter text”}
Create a button that submits an input form
{form action=”www.google.com/submit”}
{button type=”submit”} submit {/button}
{/form}
Make your text input required before being able to submit
{input type=”text” required}
create a set of radio buttons that are part of the same group with choices ‘indoor’ and ‘outdoor’
{label for=”indoor”}
{input type=”radio” id=”indoor” name=”inout”}Indoor
{/label}
{label for=”outdoor”}
{input type=”radio” id=”outdoor” name=”inout”}Outdoor
{/label}
create checkbox group with following options: yes, no, maybe
{label for=”yes”}
{input type=”checkbox” id=”yes” name=”doyouknow” value=”yes”}Yes
{/label}
{label for=”no”}
{input type=”checkbox” id=”no” name=”doyouknow” value=”no”}No
{/label}
{label for=”maybe”}
{input type=”checkbox” id=”maybe” name=”doyouknow” value=”maybe”}Maybe
{/label}
What is the default value if you do not include it in radios or checkboxes
on
What is the attribute for a radio or check box to be selected by default
checked
what is the general purpose container for other elements
div
How do you tell the browser which type of HTML you are using
{!DOCTYPE html}
{html}
…
{/html}
Where does the page meta data go
{head}
{/head]
What are some metadata elements
link
title
meta
style
Where does the content of the page go (what users see)
{body}
{/body}
How do you add an horizontal line under an element
{hr}
How do you underline text
{u}text{/u}
How do you strike through text
{s} text {/s}
How do you make text bold
{b} text {/b}
