HTML/CSS Basics Flashcards
Add a background image with CSS
background: url(“http://webAddress”);
Specify the space around an element with CSS
margin: 10px 0 0 10px; Top Right Bottom Left
Increase/decrease leading between lines
line-height: 20px;
Inline styling for an element
<p>Paragraph example.</p>
Add a Horizontal Rule (line)
<hr></hr>
Start a new line in a paragraph
<br></br>
Defines a block of pre-formatted text. Displayed in a fixed-width font; preserves spaces and line breaks.
<pre></pre>
Make a section of text bold
<b>Text</b>
Important text bold
<strong></strong>
Italic text
<i>text</i>
Emphasized text in Italics; med. weight
<em></em>
small text
<small>This text will be very small</small>
Highlight text in Yellow
Strike-Out a word or line of text
<del>This text will have a line through it</del>
Insert a word or line of text
<ins>This text will be inserted</ins>
Superscript text
Subscript 2 in H20
H20 for water
Quotation marks for short quote
” “
Add Contact Information to a page
<address>Write to us at:<br></br>
| Example Town USA</address>
Cite the title of a published work
To <cite> The Title of a Work </cite> Will be in italics
Show sample code in text
<code> some code in here </code>
Need <pre> to preserve formatting.
Add a comment to your code
<!–This is an HTML comment! - ->
Open linked document in new tab or window
target=”_blank”>
Open link in same page
target=”_self” (default)
Open link in parent frame
target=”_parent” (IFrame)
Open link in full body of the window
target=”_top” (IFrame)
Open linked document in a named frame
framename
Long quotation
<blockquote> Indented</blockquote>
Style a section of html, inline
<p></p>
Style a small selection of html, inline
<span>“some blue text”</span>
Add a heading to a table
Heading
Add a table row to table
Add table data to table row
Table head span multiple columns
My 2 Cell Heading
