Tutorials Navigation

Tutorials :: New :: Popular :: Top Rated

Show Search Options

Search in categories

(Hold the CTRL/CMD key to select multiple categories)

Tutorials: 18,357 Categories: 12

Total Tutorial Views: 42,549,511

How To Html code [Easy]

Tutorial Name: How To Html code [Easy]  

Category: PC Tutorials

Submitted By: iHasZombiesHD

Date Added:

Comments: 1

Views: 1,483

Related Forum: PC Building Forum

Share:

There was a post at first my me: Forums/t=3499556/basic-html-tutor...daily.html

Hello to day i am going to show you how you can learn Html just from looking at this post.

What is Html? - Hyper Text Markup Language, a standardized system for tagging text files to achieve font, color, graphic, and hyperlink effects on World Wide Web pages.

Also i want to give credit to: [ Register or Signin to view external links. ] This is where i learned from and got most of my definitions.

Once you learn my steps you can just continue Html all over the web!



Html Introduction


<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>


<html> and </html> - describes the web page.
<body> and </body> - is the visible page content.
<h1> and </h1> - is displayed as a heading.
<p> and </p> - is displayed as a paragraph.

*That Html code post also is the body and start of a basic web page.*



Html Basic language


I am now going to star this section about Html; headings, paragraphs, links, and images.


<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>


*Headings are defined with the <h1> to <h6> tags.*
<h> and </h> - They are the heading's on the page & explains what is in the header post

Html Paragraphs



<p>This is a paragraph.</p>
<p>This is another paragraph.</p>


<p> and </p> - This is the text that will actually show up on the web page it's self.


Html Links



<a href="http://www.thetechgame.com">This is a link</a>


<a href=" and </a> - These display the link some where on a web page.


Html Images



<img src="MyBB.png" width="104" height="142" />


<img src=" and /> - This code will show the image you put in here on your web page. You can also change the width and height in the code its self.



Html Line Breaks



<p>This is<br />a para<br />graph with line breaks</p>


The <br /> element is an empty Html (no info) element. It has no end tag.



Html Colors

This is the so called "Colors of the Web" at least that's what i call them.

Hex Codes & Rgb Codes

Black - #000000 ; rgb(0,0,0)
Red - #FF0000 ; rgb(255,0,0)
Green - #00FF00 ; rgb(0,255,0)
Blue - #0000FF ; rgb(0,0,255)
Yellow - #FFFF00 ; rgb(255,255,0)
Light Blue - #00FFFF ; rgb(0,255,255)
Purple - #FF00FF ; rgb(255,0,255)
Gray - #C0C0C0 ; rgb(192,192,192)
White - #FFFFFF ; rgb(255,255,255)

These are the basic colors



Html Text Formatting Tags


 
<b> Explains Bold

<big> Explains Big Text

<em> Explains emphasized Text

<i> Explains italic Text

<small> Explains small Text

<strong> Explains Strong Text

<sub> Explains subscripted text

<del> Explains Deleted Text

<ins> Explains inserted Text


What is Html Text Formatting Tags?

The following HTML tags are used to format the appearance of the text on your web page. This can smooth-in up the look of the web page, however, too much variety in the text formatting can also look displeasing.


Thank you for reading this post, i hope you all got to learn a thing or 2 from this. If this post gets popular i will continue to edit this post so i can include some more complex information. Need Help? P.m me

Ratings

Current rating: 7.29 by 7 users
Please take one second and rate this tutorial...

Not a Chance
1
2
3
4
5
6
7
8
9
10
 Absolutely

Comments

"How To Html code [Easy]" :: Login/Create an Account :: 1 comment

If you would like to post a comment please signin to your account or register for an account.

MysterrriiiPosted:

ok so i've done stuff before but then when i try to post something like this "
R
a
i
n
b
o
w
"

It wont work.... idk what to do


Related Tutorials