HTML Flashcards
<title>
</title>
Title for HTML page, shows in title bar or pages tab
<body>
</body>
The body of the page
<h1>
</h1>
Top header goes up to h6
<p>
</p>
creates a new paragraph
<img></img>
used to add images
src
gets the image from the specified location
alt
provides alternate text if image does not load
<br></br>
line break, doesn’t need to be closed
Title for HTML page, shows in title bar or pages tab
<title>
</title>
The body of the page
<body>
</body>
header
<h1> - <h6>
</h6></h1>
paragraph
<p>
</p>
display image
<img></img>
get image location
src
line break
<br></br>, doesn’t need to be closed
br style=”line-height:N;”
line break N times
multiple line breaks
<br></br>
<a></a>
defines hyperlink
define hyperlink
<a></a>
href
specifies URL for the link
specify URL for a link
href
style
adds an element, such as color, font, size, and more
<p>
</p>
make everything in this paragraph X color
adds an element, such as color, font, size, and more
style
make everything in this paragraph X color
<p>
</p>
lang
defines the language of the text en-US for USA english
title
when moused over displays this text
defines the language of the text
lang, en-US for USA english
when moused over displays this text
title
“font-size:Xpx;”
sets font size X for that tag
set font size for a tag
“font-size:Xpx;”
“background-color:X;”
change background color to X
change background color
“background-color:X;”
“font-family:X;”
changes font to X
changes font
“font-family;”
“text-align:X;”
aligns text to X
aligns text
“text-align:X;”
<hr></hr>
thematic break, displays usually as a horizontal line
thematic break, displays usually as a horizontal line
<hr></hr>
<pre>
</pre>
displays the font as it is typed in the code
displays the font as it is typed in the code
<pre>
</pre>
<b></b>
bold text
bold text
<b></b>
<strong></strong>
bold and marked important
bold and marked important
<strong></strong>
<i></i>
italics
italics
<i></i>
<em></em>
italics, and emphasizes. Screen readers stress this
italics, and emphasizes. Screen readers stress this
<em></em>
<small></small>
makes text smaller
make text smaller
<small></small>
<mark></mark>
highlight
highlight
<mark></mark>
<del></del>
puts a line through, marks text as recently removed
puts a line through, marks text as recently removed
<del></del>
<ins></ins>
shows text was added
show text was added
<ins></ins>
moves half character down
move half character down
move half character up
move half character up
<blockquote>
</blockquote>
defines a quote from another source
defines a quote from another source
<blockquote>
</blockquote>
<q></q>
surround with quotation marks
surround with quotation marks
<q></q>
<abbr></abbr>
shows full title when moused over, for search engines
shows full title when moused over, for search engines
<abbr></abbr>
<address>
</address>
defines contact info, usually italic, line break before and after
defines contact info, usually italic, line break before and after
<address>
</address>
<cite></cite>
usually italic, used for titles of creative works
usually italic, used for titles of creative works
<cite></cite>
<bdo></bdo>
bi directional override, overrides current text direction
override current text direction
<bdo></bdo>
<bdo></bdo>
text right to left, backwards text
text right to left, backwards text
<bdo></bdo>
<!-- X-->
comment
comment
<!--X-->