VERY basic HTML question...

bjc112

Lifer
Dec 23, 2000
11,460
0
76
Hey all, I am very new the HTML skill/world as i just looked into it last night..

I am using good ole' notepad for my editing.. I have a few simple questions, if this is my current code:

<html>
<head><title>CoMpUtErs</title></head>
<body bgcolor="black">
<a href="http://www.amd.com"><img src="AMD.gif"</a><h1 align="right"><a href="http://www.intel.com"><img src="intel.gif"</a>
<center><font size+5 face="Arial" color="red">Under Construction</font></center>
<center><font size+2 face="comicsansms" color="red"><a href="mailto:bjc112@cox.net"><b>E-mail me</b></font></center>

</body>
</html>

Anyhow, this is the link to the page, very simple very basic...
HERE

No the problem is, I was combining images with links, no problem.. I grabbed the AMD logo, made it link to the site.. Did the same for Intel.

But why isn't the Intel Pic lined up with my AMD one? I used 'Align="left" and Align="right" for the pics but one seems to be a line above???

Also, why is the intel link being combined with my under construction text?

If I get this questions answered i may be on my way...

:D

If you can't help, just give me bump anyhow..

Thanks!
 

Barnaby W. Füi

Elite Member
Aug 14, 2001
12,343
0
0
Good lord man, read up!

http://www.w3schools.com/html/default.asp
http://www.w3schools.com/css/default.asp

edit: didn't notice this:
Hey all, I am very new the HTML skill/world as i just looked into it last night..

Sorry, not trying to be abrasive. :) Definitely go through some tutorials and whatnot though.

Some things that are just plain wrong:

<img src="intel.gif"</a>
<font size+5 .... >

First needs to be <img src="intel.gif"></a>

Second needs to be <font size="+5" ..... >.

And definitely read up on CSS. Font tags are deprecated; they make everything a mess. Remember: seperate content and aesthetics!
 

bjc112

Lifer
Dec 23, 2000
11,460
0
76
Thanks Bing, you can be sure i'll be back asking you some more questions..

I was reading up on this tutorial last nite...

Which say you DON'T need " " around the font size... <font size+5 and what not...So that's why those aren't there.. Is it imperative that they are?

Here...

First needs to be <img src="intel.gif"></a>

That bolded tag, because i was missing that, could that combine my Intel logo with my "Under Constrution" to form a link...

( Sorry, these are stupid...)

I am going to keep reading up..

I am getting somewhere, as i knew absolutely nothing before..

Thanks!


 

jonmullen

Platinum Member
Jun 17, 2002
2,517
0
0
ok its just good practice to quote your property values. Secondly you are going to have to use some sort of of container...id a div or a table if you want to put two pictures on the same line, one aligned left and on right. Secondly dump that tutorial you were reading if they are teaching you poor coding practices. Like bingbongwongfooey said read up at www.w3schools.org read up on HTML then CSS if you are going to learn markup learn to do it right.
 

bunker

Lifer
Apr 23, 2001
10,572
0
71
quick fix to align the pics:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left"> image stuff here </td>
<td align="right"> 2nd image stuff here </td>
</tr>
</table>
 

bjc112

Lifer
Dec 23, 2000
11,460
0
76
Originally posted by: jonmullen
ok its just good practice to quote your property values. Secondly you are going to have to use some sort of of container...id a div or a table if you want to put two pictures on the same line, one aligned left and on right. Secondly dump that tutorial you were reading if they are teaching you poor coding practices. Like bingbongwongfooey said read up at www.w3schools.org read up on HTML then CSS if you are going to learn markup learn to do it right.

Thanks Joe, I dumped the other, reading up now..

Be sure to check back as i will have PLENTY more questions..



:beer:
 

bjc112

Lifer
Dec 23, 2000
11,460
0
76
Originally posted by: bunker
quick fix to align the pics:

<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr>
<td align="left"> image stuff here </td>
<td align="right"> 2nd image stuff here </td>
</tr>
</table>

Did the trick bunker... Thank you, add that to my know how list.. ;)

:beer:
 

bjc112

Lifer
Dec 23, 2000
11,460
0
76
Well, with the help of you all.. It's looking better than before..<SO BASIC>

Cox

Going to get into CSS now...
 

Sid59

Lifer
Sep 2, 2002
11,879
3
81
dude .. you need tidy .. google for it. TIDY. there's no GUI, all commandline, dunno if you're gonna like it.
 

jonmullen

Platinum Member
Jun 17, 2002
2,517
0
0
tidy is nice, but you need to learn what mistakes you are making..you should not need tidy for something like this
 

Sid59

Lifer
Sep 2, 2002
11,879
3
81
Originally posted by: jonmullen
tidy is nice, but you need to learn what mistakes you are making..you should not need tidy for something like this

it'll clean it up and make css and you can see the correct way of doing. Plus you can compare the two files and see the difference.
 

jonmullen

Platinum Member
Jun 17, 2002
2,517
0
0
I understand that...but do you really think you need tidy for a page that is 9 lines long. I am just saying in the learning phase its probally better not to get too dependant on a program
 

Sid59

Lifer
Sep 2, 2002
11,879
3
81
no .. but if you want to learn more it's a good idea. It's a tool not a way to completely learn html. A compliment.