Making html coded websites

Ask away~!

Moderator: Tigress

Post Reply
User avatar
Kyra
Elder
Elder
Posts: 945
Joined: Sat Jun 25, 2005 5:46 pm
Location: Canada
Contact:

Making html coded websites

Post by Kyra »

I need help making a website with html codes. I have a layout, but don't know how to insert my pics and text into it. Can someone help me out? I read a few help build threads on geocities but it does not seem to work.

Thanks to anyone who read this and maybe can help me out.
I need a new image holder...lol

Songhue
Posting Elemental
Posting Elemental
Posts: 2768
Joined: Fri Mar 18, 2005 9:50 am
Location: Texas
Contact:

Re: Making html coded websites

Post by Songhue »

When I was first starting out I found Geocities to be highly confusing.. I tried it again after a while, but still didn't find it to my liking.. So as far as That goes I can't help you. As far as HTML goes, however, I can.

The basic image code is <img src="http://i286.photobucket.com/albums/ll12 ... htning.jpg" border="0"> You could most likely leave out the 'border= "0"' part, but I typically put that in out of OCD, myself. XD There's also 'alt="Lightning"' which can be used to choose the word that's shown when a cursor hovers over the image. XD You'd simply replace the image URL with the one you wanted; if you want to use the 'alt' feature, simply add a space after the "0" part in the coding itself, enter the 'alt=' bit and replace "Lightning" with what you actually want it to say; such as "Amber"

Text has a few codes, though the ones I mainly know are color and size.. What were you looking for, exactly?
Image

User avatar
Foxxfyre
Site Admin
Site Admin
Posts: 780
Joined: Mon Mar 22, 2004 10:59 pm
Location: East Coast, USA
Contact:

Re: Making html coded websites

Post by Foxxfyre »

Songhue's right, the img code can even be as simple as:

<img src="URL">

The border="0" is the thing that gets rid of the annoying blue border around the image if you link it, so you only really have to care about that if you're making it link to somewhere. You can do that by going:

<a href="URL OF LINK"><img src="URL OF IMAGE" border="0"></a>

If you're using someone else's layout, they're probably already using CSS to create a default text style. Generally, I recommend using an external CSS stylesheet because that makes things really easy, but if you simply want an easy way to change text, you can do that two ways:

If you're using a <p> tag already for your text, then the easiest way to change it is:

<p style="color:#FFF; font-size:10px;">TEXT</p>

That'll change the size and color of your text. If you want to add more space between the lines of text, there's also a property you can add in there called line-height, as well as a property that is called font-family that will change your font for ya.

If you're not using <p> tags, then the easiest way to change things would be to just use the <font> tag, which would look like this:

<font color="0000ff">TEXT</font>
or
<font size="+2" face="arial" color="0000ff">TEXT</font>

The font tag is kinda the bane of all web designer's existences, but it's still a nice "quick and dirty" way to change things :)
Sa souvreya niende misain ye... I am lost in my own mind.

Post Reply