commit f8f4984bd39f7fd076db711b38f30abc9fd70192 Author: juyung Date: Sun Dec 8 23:01:44 2013 -0800 Archive diff --git a/html/index.html b/html/index.html new file mode 100755 index 0000000..dd03eec --- /dev/null +++ b/html/index.html @@ -0,0 +1,663 @@ + + + + + + HTML Basic tags + + + + + + + +

+ Created by Juyoung. Built this site while I was teaching myself HTML and CSS. +

+ +

Titled Heading Tag Example

This is a paragraph tag.

+ +

This is para explains what is HTML

This para explains what is Casecading Style Sheet

+ + class="className1 className2 className3" + +

Some text...

This is left aligned.

This is center aligned.

This is right aligned.

This is justified. This works when you have multiple lines in your paragraph and you want to justify all the lines so that they can look more nice.

+ + Hello
+ You are on my HTML tutorial website.
+ Thanks
+ Juyoung Lee + +

This is not in the center.

+ +

This is in the center.

+ + + A good example of this technique appears in the movie "12 Angry Men" +

A good example of this technique appears in the movie "12 Angry Men"

+ +

function testFunction( strText ){
+            alert (strText)
+        }
+

+ +

This is para one and should be on top

This is para two and should be on bottom

+ +

The following word uses a bold typeface.

This following word uses a italicized typeface.

The following word uses a underlined typeface.

The following word uses a ~~strikethrough~~ typeface.

The following word uses a monospaced typeface.

+ +

The following word uses a ^superscript typeface.

+ +

The following word uses a _subscript typeface.

+ +

The following word uses a big typeface.

The following word uses a small typeface.

+ +

+ + + + +

Content Articles

Actual content goes here.....

+ + +

This is the example of span tag and the div tag alongwith CSS

+ +

You must remember to close elements in XHTML.

+ +

You must remember to close elements in XHTML.

I have a friend called Abhy.

+ +

This chapter covers marking up text in XHTML.

+ + +

This tutorial teaches you how mark up your documents for the web using + XHTML.

+ +

The following description of XHTML is taken from the W3C Web site:

+ +

XHTML 1.0 is the W3C's first Recommendation for XHTML, following on from earlier work on HTML 4.01, HTML 4.0, HTML 3.2 and HTML 2.0.

+ + +

The following description of XHTML is taken from the W3C Web site:

+ +

XHTML 1.0 is the W3C's first Recommendations for XHTML,...

+ + +

Amit is in Spain, He is their at my home. I think I am wrong.

+ + +

This HTML Tutorial is derived from World Wide Web Standard for HTML.

+ + +

`This is inside code element`

+ + +

`This is inside keyboard kbd element`

+ + +

document.write("user-name")

+ + +

Result produced by the program is Hello World

+ + +

1234 56th Ave W #789 Lynnwood, WA 12345

+ + + + + + + +

This is not Internet Explorer.

+ + + + + + + + + Font size="1" + Font size="2" + Font size="3" + Font size="4" + Font size="5" + Font size="6" + Font size="7" + + Font size="-1" + Font size="+1" + Font size="+2" + Font size="+3" + Font size="+4" + + + Times New Roman + Verdana + Comic Sans MS + WildWest + Bedrock + + + + + + + + This text is hexcolor #FF00FF + This text is red + +

+ + +

Example 1

This is the first paragraph that appears above the paragraph with the image!

HTML Tutorial + + The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph. + The let and right image-alignment values tell the browser to place an image against the left or right margin, respectively, of the current text flow. The browser then renders subsequent document content in the remaining portion of the flow adjacent to the image. The net result is that the document content following the image gets wrapped around the image. + +

Example 2

This is the first paragraph that appears above the paragraph with the image!

+ +

HTML Tutorial + + The image will appear along the right hand side of the paragraph. As you can see this is very nice for adding a little eye candy that relates to the specified paragraph.

+ +

The left and right image-alignment values tell the browser to place an image against the left or right margin, respectively, of the current text flow. The browser then renders subsequent document content in the remaining portion of the flow adjacent to the image. The net result is that the document content following the image gets wrapped around the image.

+ + + + + TP Home | + AMROOD Home | + Change Images Home + +

HTML text Links

+ Go to the Top + + + + + + Download File + + + +

+ + + +

Table 1

+ + + + + + + + +

Row 1, Column 1	Row 1, Column 2
Row 2, Column 1	Row 2, Column 2

Table 2

+ + + + + + + + + + + + + +

Name	Salary
Ramesh Raman	5000
Shabbir Hussein	7000

+ +

Table 3

+ + + + + + + + + + + + + +

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
Row 1 Cell 1	Row 2 Cell 2	Row 2 Cell 3
Row 3 Cell 1

+ +

Table 4

+ + + + + + + + + + + + + +

Name	Salary
Ramesh Raman	5000
Shabbir Hassein	7000

+ +

Table 5

+ + + + + + + + + +

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3

+ + Table Example 1 + + + + + + + + + + +

Column 1	Column 2	Column 3
Row 1 Cell 1	Row 1 Cell 2	Row 1 Cell 3
Row 1 Cell 1	Row 2 Cell 2	Row 2 Cell 3
+ Row 3 Cell 1 +

+ + + + + + + + + + + +

Row 1, Column 1	Row 1, Column 2
Row 2, Column 1	Row 2, Column 2

+ + + + + + + +

This is the caption
row 1, column 1	row 1, column 2

+ + Table 2 + + + + + + + + + + + + + + + + + + + + + ...more rows here containing for cells... + +

This is the head of the table
This is the foot of the table
Cell 1	Cell 2	Cell 3	Cell 4

+ + Table 3 + + + + + + + + + + + +

+ + + + + + + + + + + + + +

Name	Salary
Ramesh Raman	5000
Shabbir Hussein	7000

This is another cell
Using list inside this cell

+ + My Table 1 + + + + + + + +

Students	Number
Lee	1234
Kang	5678
Min	9012
Kim	3456
Park	7890

+ + Page. 43 Table + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

This is the head of the table
This is the foot of the table
Cell 1	Cell 2	Cell 3	Cell 4
...more rows here containing four cells....
Cell 1	Cell 2	Cell 3	Cell 4
...more rows here containing four cells....