HTML Flashcards
HTML
Hyper Text Markup Language
Tag
Keyword
Container Tags
One Shot Tags
Container Tags
… (Start and end)
Most tags
One Shot Tags
No closing only
Basic Code for HTML Webpage
…
.
.
.
<!-- Comment-->
Not displayed on a webpage browser.
Intended to help the person who reads the code
Title
Displayed on top of browser
Body
Displays everything that is on the page
Always only 1 body and 1 head
Unordered List
<ul>
<li>...</li>
</ul>
Ordered list
<ol>
<li>..</li>
</ol>
Image
(left is default)
One shot tag
Solid Line
<hr></hr>
(one shot tag)
Attributes: color (#RRGGBB Hexa code), alight (center default, right, left), size (thickness), width (of the page in pixels or percent)
Special Symbols
< (less than)
> (greater than)
≤ (less equal)
≥ (greater equal)
Headers
h1…h6
no need to us <p>, <b>
attribute align</b>
Alignment
<p>...</p>
or <div>…</div> - can contain many paragraphs (bigger sections)
attribute: align (c, l, r)
Fonts
…
attributes -> color, size, face
Size -> 3 is default (1 smallest, 6 biggest)
Website
2 or more related webpages that are linked together
should be accessible
has to have an attribute
(default=home page
Links in a website
Always use relative addressing
Level below
List the names of the folders until you get to the file.
Level Up
Use “..” until you get back to the leve of your file
Link across
Use “..” to go back to common folder and then list the folders until you get to the file
Links on the same page
Name the place <a></a>
Link to it <a>Go to top</a>
Image as a link (clickable image)
<a></a>
<img></img>
Sequential Pages
At least 3 related pages
Previous and Next
In the Same folder
Just name the name of the file.
Font Face
Serif (tails on letters) lot of text -> easier to read (dotted lines)
ex: Times New Roman
Sans-Serif -> read quickly (webpage)
ex: Arial, Verdana
