| | HTML tricks & tips :) |  |
|
+3rebelchiq [ann] irken08 chamie 7 posters |
| Author | Message |
|---|
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: HTML tricks & tips :) Tue Jun 09, 2009 10:49 pm | |
| | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Tue Jun 09, 2009 10:56 pm | |
| for my first post hihihihi! here it is:build a webpage  
This tip will tell you exactly how to code your own HTML website.
First, remember that most tags must be eventually closed. The syntax would be: <tag> CONTENT </tag>.
Open a text editor such as notepad, or the HTML editor for your hosting service.
The first tag in your website should be <html>, which starts the HTML site.
Immediately after this should come the <head> tag.
So far, you should have the following:
<html>
<head>
The next step is to enter the title of your website. This is what shows up in the title bar of the internet browser. Put the title between the <title> and </title>. Then, end the head with </head>. You will end up with:
<html>
<head>
<title>TITLE</title>
</head>
Other data to put into the head includes metadata and stylesheet data.
The next step is to add the body of your website. This is where all the important stuff goes. Start out the body with the <body> tag. In a basic website, all the real content goes in the body.
The most basic way to write the body is to simply write a heading, then type.
Within the body, start off by writing the first heading. This should be big, so the <h1> tag should do the trick. After that, simply write the text of the site. Remember the syntax for making links:
<a href="http://www.linktarget.com">LINK</a>
And for making images:
<img src="http://imagesite.com/image.jpg"> .
Remember, most HTML Tips can be simply inserted into the body and used immediately.
Finish off the body with </body>, and the body is done.
The code with the body included should look like:
<html>
<head>
<title>TITLE</title>
</head>
<body>
<h1>THE SITE</h1>
blablabla
<a href="http://www.linktarget.com">LINK</a>
IMAGE:
<img src="http://imagesite.com/image.jpg">
</body>
Remember, you still have 1 more tag to close: the <html> tag. Close it with </html>, and your website is complete. The final code:
<html>
<head>
<title>TITLE</title>
</head>
<body>
<h1>THE SITE</h1>
blablabla
<a href="http://www.linktarget.com">LINK</a>
IMAGE:
<img src="http://imagesite.com/image.jpg">
</body>
</html>
If you want to see what that code looks like in a real web browser, go to this page, which uses the exact HTML code above:
Test Site
Your basic website is complete! For more advice on tables, frames, text formatting, Javascript, etc., look at the rest of the tips on this site. Almost all of them can simply be inserted in the body. Now you know how to make your website from HTML!
Also, if you are using Blogger, you can go to the "template" section of the dashboard, and edit the template, which is raw HTML. Be careful not to change too much stuff. The beginning data is stylesheet data, so don't mess around unless you know what you're doing. However, you can find the sidebar, and mess around with that quite freely.
You can always use a program like Frontpage or Dreamweaver, but raw coding is always the best way to make your website exactly like you want it!
| |
|
| | |
irken08
Adv. Moderator
Posts : 297
Join date : 2009-06-02
Age : 32
Location : -= bAcoLod ciTy =-
| | Subject: Re: HTML tricks & tips :) Wed Jun 10, 2009 8:06 am | |
| ..'tnx fer the tips siSsy..;] | |
|
| | |
rebelchiq [ann]
Moderator
![rebelchiq [ann]](https://2img.net/u/1713/41/50/64/avatars/24-78.jpg)
Posts : 686
Join date : 2009-06-06
Age : 32
Location : iloilo
| | Subject: Re: HTML tricks & tips :) Wed Jun 10, 2009 10:21 am | |
| wow .. great XD
thanks fer dat XD | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Wed Jun 10, 2009 2:14 pm | |
| | |
|
| | |
maceeh
Moderator
Posts : 115
Join date : 2009-06-02
Age : 30
Location : EARTH:))
| | Subject: Re: HTML tricks & tips :) Wed Jun 10, 2009 4:31 pm | |
| cheers!
tnx ate chamie!
yes sure! i'll add ur repu!!
tnx agen fer the share!! | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Wed Jun 10, 2009 5:30 pm | |
| | |
|
| | |
emz[12]
Moderator
![emz[12]](https://2img.net/u/1713/41/50/64/avatars/30-8.jpg)
Posts : 546
Join date : 2009-06-06
Location : cagayan de oro city
| | Subject: Re: HTML tricks & tips :) Thu Jun 11, 2009 4:18 pm | |
| MS. MOD . THAT COULD
REALLY help . weeee tnx
fer sharing // | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Thu Jun 11, 2009 4:30 pm | |
| | |
|
| | |
emz[12]
Moderator
Posts : 546
Join date : 2009-06-06
Location : cagayan de oro city
| | Subject: Re: HTML tricks & tips :) Thu Jun 11, 2009 4:51 pm | |
| OKIE MS. MOD.
one + repu for yah ..
mwaps. mmooorree power | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Thu Jun 11, 2009 10:11 pm | |
| | |
|
| | |
emz[12]
Moderator
Posts : 546
Join date : 2009-06-06
Location : cagayan de oro city
| | Subject: Re: HTML tricks & tips :) Fri Jun 12, 2009 2:13 pm | |
| more power sating lahat ..
oyeah2 . ur really great ms. mod
nyahihihihi | |
|
| | |
rebelchiq [ann]
Moderator
Posts : 686
Join date : 2009-06-06
Age : 32
Location : iloilo
| | Subject: Re: HTML tricks & tips :) Fri Jun 12, 2009 3:25 pm | |
| | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Fri Jun 12, 2009 10:50 pm | |
| | |
|
| | |
irken08
Adv. Moderator
Posts : 297
Join date : 2009-06-02
Age : 32
Location : -= bAcoLod ciTy =-
| | Subject: Re: HTML tricks & tips :) Sat Jun 13, 2009 12:22 am | |
| | |
|
| | |
XxkaiserxX
EC Junior
Posts : 478
Join date : 2009-06-11
Location : comfort room...
| | Subject: Re: HTML tricks & tips :) Sat Jun 13, 2009 12:51 am | |
| aUn, salAmaT saH paG-sHAre n2,
shAring is lOvIng^^
oNe rePU 4 U.. | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Sun Jun 14, 2009 10:24 pm | |
| | |
|
| | |
anjhel01
EC Guest
Posts : 5
Join date : 2009-06-05
Age : 30
| | Subject: Re: HTML tricks & tips :) Sat Jun 27, 2009 3:14 pm | |
| thanks fOr shAriin.. bABY:] LablAb --------------------------  "tEll me wat tO do,and i tEll yOu OFF!! -WILDHART.RoCKS!!!  | |
|
| | |
rebelchiq [ann]
Moderator
Posts : 686
Join date : 2009-06-06
Age : 32
Location : iloilo
| | Subject: Re: HTML tricks & tips :) Sat Jun 27, 2009 4:38 pm | |
| iVE tried it already .. ITS NICE! C: | |
|
| | |
chamie
Moderator
Posts : 440
Join date : 2009-06-01
Age : 31
Location : philippines
| | Subject: Re: HTML tricks & tips :) Sun Jul 05, 2009 12:22 pm | |
| | |
|
| | |
Sponsored content
| | Subject: Re: HTML tricks & tips :) | |
| |
|
| | |
| | HTML tricks & tips :) | |
|
weee! hope for yer cooperation,. 
tweetumzz! 
