cap-aiba
I have been working my way through the tutorials on w3school online. I picked up from where I left off last week, and learned the following sections: paragraphs, styles, formatting, quotations, comments, colors, CSS, and links. The following is the updated version of the notes.
HTML NOTES
<a> link
href= link destination
<img> image
src="____________" source
width="___"
height="___"
<p> paragraph
<button> button
<ul> unordered list (bullet points)
<ol> ordered list (with numbers)
<br> break empty line NO </br>
style="______" color, font, size (include in <p>)
font-size:__px; or font-size:_____%;
color:_______;
background-color:_________;
boarder:_px solid COLOR NAME;
COLOR OPTIONS (Tomato, orange, dodgerblue, MediumSeaGreen, gray, slateBlue, violet, lightgray)
font-family:__________;
text-align:_____; (ex. center
COLOR INDICATION
rgb (red, green, blue)→(0,0,0)=black (255,255,255)=white
rgba(red, green, blue, alpha)
rrggbb(red, green, blue) →00=lowest value, ff=highest value
hsl value (hue, saturation, lightness)
hsla value (hue, saturation, lightness, alpha)
lang="___" language
title="____" (include in <p>, if you hover over the text, the value for title will be displayed)
<hr> horizontal rule, horizontal line across the page
<meta> meta data=information about HTML document, it is not displayed, includes document title, character set, styles, scripts(<head> element contains metadata
<q> quotation ("______")
<pre> preformatted text (with spaces)
<b> bold
<strong> important text
<i> Italix text
<em> emhasized text
<mark> marked text (highlighted)
<small> small text
<del> deleted text (line across teh text)
<ins> inserted text (underlined)
<sub> subscript
<sup> supscript
<blockquote cite="______LINK______">
<!-- →
CSS(cascading style sheets) (inline, internal, external)
(identify where) {
____________: _px COLOR;
____________: ___px;
}
padding(size of the border box)
margin(how far each texts are spread apart)
(making an exception) #p or p.ANYNAME works
LINK
<p><a href="___"> TEXT </a></p>
<h1 id="__"> TEXT </h1>
Comments