-a language for describing web pages
-stands for Hyper Text Markup Language
-is a markup language
-contains HTML tags and plain texts
-are also called web pages
Markup Language - is a set of markup tags
Tags - describe document content
HTML Tags
-are keywords surrounded by angle brackets
-normally come in pairs -start tag and end tag
HTML Element
-HTML element is everything between the start and end tags and the tags themselves
HTML Attributes
-provides information about an element
-are always specified in the start tags
-always come in name/value pairs
HTML Tags
HTML Text Formatting
| Tags | Description |
|---|---|
| <b> | Bold |
| <big> | Big |
| <em> | Emphasized |
| <i> | Italic |
<small> |
Small |
| <strong> | Strong |
| <sup> | Superscripted |
| <sub> | Subscripted |
| <ins> | Inserted |
| <del> | |
| Other | Tags |
| <hr> | Horizontal Rule |
| <br/> | Line Break |
| <ul> | Unordered List / Bulleted |
| <ol> | Ordered List / Numbered |
| <li> | List Item |
| <p> | Paragraph |
HTML Fonts and Colors
| Tag | Description |
|---|---|
| <font> | specifies the font face, font size, and font color of text |
| not supported in HTML5. Use CSS instead | |
| font element is deprecated in HTML 4.01 | |
| <div> | defines a division or a section in an HTML document |
| used to group block-elements to format them with CSS | |
| <span> | used to group inline-elements in a document |
HTML Image
-defined with <img> tag
-has no closing tag
Common syntax: <img src="url" alt="alternative text" width="width" height="height">
HTML Table
-defined with <table> tag
-divided into rows with <tr> tag
-each row is divided into data with <td> or <th> tag
Syntax:
<table>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Data Cell 1</td>
<td>Data Cell 2</td>
</tr>
</table
HTML Hypertext / Link
-defined with <a> tag
-hyperlink (or link) is a word, group of words, or image that you can click on to jump to another document
Syntax: <a href="url">Text</a>
HTML Color
Color Names
Example: red
Hexadecimal
Color: #FFFFFF
Decimal - Hexadecimal
0 = 0
1 = 1
2 = 2
3 = 3
4 = 4
5 = 5
6 = 6
7 = 7
8 = 8
9 = 9
10 = A
11 = B
12 = C
13 = D
14 = E
15 = F
References:
http://moodle.pshs-brc.edu.ph/pluginfile.php/2858/mod_resource/content/1/html.pdf
http://moodle.pshs-brc.edu.ph/pluginfile.php/2859/mod_resource/content/1/HTML%20TEXT%20FORMATTING.pdf
http://moodle.pshs-brc.edu.ph/pluginfile.php/4496/mod_resource/content/0/More%20HTML%20tags.pdf
http://moodle.pshs-brc.edu.ph/pluginfile.php/2874/mod_resource/content/2/HTML%20Images.pdf
http://teachthetech.com/wp-content/uploads/2014/08/html.jpg
