HTML

My HTML Remembrance

HTML stands for HyperText Markup Language.

Modern Web Design contains:

HTML: Structure
CSS: Presentation
JavaScript: Behavior

Text Formating

regular
<b> bold </b>
<big> big </big>
<i> italic </i>
<small> small </small>
<strong> strong </strong>
<sub>_subscripted</sub>
<sup>^{superscripted}</sup>
<ins> inserted </ins>
<del> ~~deleted~~ </del>

Heading

This is heading 1

This is heading 2

This is heading 3

This is heading 4

This is heading 5

This is heading 6

HTML documents are made up of HTML elements. An HTML element is written using a start tag and an end tag, and with the content in between. HTML documents consist of nested HTML elements; such as: <p> tags, <br/> tag and the content, "This is a paragraph".

Attributes provide additional information about an element or a tag, while also modifying them. Most attributes have a value; the value modifies the attribute. It is put inside the start tag

<p align="center">center</p>

<p align="left">left</p>

<p align="right">right</p>

An image has a start tag only; <img/>

The code to create an image above is <img src="tree.jpg" height="150px" width="150px" border="2px" alt=""/>

Links are also an integral part of every web page. You can add links to text or images that will enable the user to click on them in order to be directed to another file or webpage.
Use the href attribute to define the link's destination address. The target attribute specifies where to open the linked document. Giving a _blank value to your attribute will have the link open in a new window or new tab

Learn Playing

The code to create a link above is <a href="http://www.sololearn.com" target="_blank"/>

The code to create an image link above is <a href="http://www.sololearn.com" target="_blank"> <img src="tree.jpg" height="100" width="100"/> </a>

The sign that a text or an image is a link is that the pointer turns into a pointed hand.

Tables are defined by using the <table> tag. Tables are divided into table rows with the <tr> tag. Table rows are divided into table columns (table data) with the <td> tag.
A border can be added using the border attribute

green	blue	yellow
pink	orange

Here is the code to create the table above
<table align="center" border="2">
<tr>
<td bgcolor="green">green</td>
<td bgcolor="blue">blue</td>
<td bgcolor="yellow">yellow</td>
</tr>
<tr>
<td bgcolor="pink">pink</td>
<td bgcolor="orange" colspan="2" style="color:white">orange</td>
</tr>
</table>

My Coding Schedule

Day	Mon	Tue	Wed	Thu	Fri
8-8:30	Learn
9-10		Practice
1-1:30			Play
3:45-5				Code
6-6:15					Discuss

Types of Elements

In HTML, most elements are defined as block level or inline elements.
Block level elements start from a new line. For example: <h1>, <form>, <li>, <ol>, <ul>, <p>, <pre>, <table>, <div>, etc.
Inline elements are normally displayed without line breaks. For example: <b>, <a>, <strong>, <img>, <input>, <em>, <span>, etc.

Using <Div> and the attribute in it

Some paragraph text goes here.

Another paragraph goes here.

Here is the code

<div style="background-color:green; color:white; padding:20px;">
<p>Some paragraph text goes here.</p>
<p>Another paragraph goes here.</p>
</div>

The <form> Element

HTML forms are used to collect information from the user.
Forms are defined using the <form> element, with its opening and closing tags.

HTML Colors!

HTML colors are expressed as hexadecimal values.
0, 1, 2, 3, 4, 5, 6, 7, 8, 9, A, B, C, D, E, F
Colors are displayed in combinations of red, green, and blue light (RGB).
Hex values are written using the hashtag symbol (#), followed by either three or six hex characters.

#FF0000 means Red
#00FF00 means Green
#0000FF means Blue

Setting a Video

Status:

The <path> element is used to define a path.

The following commands are available for path data:

M: moveto
L: lineto
H: horizontal lineto
V: vertical lineto
C: curveto
S: smooth curveto
Q: quadratic Bézier curve
T: smooth quadratic Bézier curveto
A: elliptical Arc
Z: closepath

Define a path using the d attribute: