HTML - Simple Question For Novice

For a bold font - I switched from <b> to <strong> - is this the correct way?

How can I create an HTML file on like a word processor, and then save it as a file and upload it to a hosting site?

I have been learning HTML and other web languages for a couple weeks now and one thing is bothering me. I noticed that sometimes when I am reading tutorials and such they put in a /> instead of just a > . So my question is why do I need a / in front of a > sometimes and sometimes I just put a >. I hope my question is clear

First is i'm new at this, not doing this for fun am a college student studying computer
and this is my project (to make a site) i know its bad to rely on someone but I've given up, i tried almost everything the professor thought me.

So here's my question
I have table of thumbnail images and i want to put a message (using font) on the left side of the thumbnail image table i want it aligned but the message is pushing the table down i want them to be aligned

Tried using <left></left> on the message and <right></right> on the thumbnail

Here's my page
http://img825.imageshack.us/img825/4396/54815352.jpg
Here's my code
Quote:
<center>
<font color="EEEEEE" size="6" face="Tempus Sans ITC">Mythological Gods and Goddesses</font>
</center>

<font>
The Olympian gods were the main deities in Ancient Greece. After overthrowing their ancestors, the </br>
Titans, the Olympian gods became the rulers of the Cosmos representing the civilization of the </br>
world.The Olympian gods were majestically and democratically dwelling on Mount Olympus, the </br>
highest mountain in Greece, built by the Cyclops.The leader of the Olympian gods was Zeus.</br></br>
<br>
</br>
All Olympian gods were associated with birth myths but themselves were unaging. They lived inside </br>
human-like bodies with an ethereal fluid called ichor running in the veins. They had passions </br>
and human weaknesses and were many times at fault, but were then obliged to take </br>
the full responsibility of their actions.</font>





<table border="1" align="right">
<tr>
<td><a href="Zeus.png" target="_blank"><img src="Zeus.png" width="100" height="150" alt="Picture of Zeus King of the Gods, God of the Sky, Lightning and Thunder" align="bottom"/></td>
<td><a href="Aphrodite.png" target="_blank"><img src="Aphrodite.png" width="100" height="150" alt="Picture of Aphrodite Goddess of Love and Beauty align="bottom"/></td>
<td><a href="Hades.png" target="_blank"><img src="Hades.png" width="100" height="150" alt="Picture of Hades King of the Underworld God of the Dead" align="bottom"/></td>
<td><a href="Hephaestus.png" target="_blank"><img src="Hephaestus.png" width="100" height="150" alt="Picture of Hephaestus God of Blacksmiths, Artisans and Volcanoes" align="bottom"/></td>
<td><a href="Poseidon.png" target="_blank"><img src="Poseidon.png" width="100" height="150" alt="Picture of Poseidon God of the Sea, Storms and Earthquakes" align="bottom"/></td>
</tr>
</table>

<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>

<table border="1" align="right">
<tr>
<td><a href="Anubis.png" target="_blank"><img src="Anubis.png" width="100" height="150" alt="Picture of Anubis God of Cemeteries and Embalming " align="bottom"/></td>
<td><a href="Osiris.png" target="_blank"><img src="Osiris.png" width="100" height="150" alt="Picture of Osiris God of the Afterlife, the Underworld and the dead." align="bottom"/></td>
<td><a href="Isis.png" target="_blank"><img src="Isis.png" width="100" height="150" alt="Picture of Isis Goddess of Motherhood and Fertility" align="bottom"/></td>
<td><a href="Ra.png" target="_blank"><img src="Ra.png" width="100" height="150" alt="Picture of Ra God of the Sun" align="bottom"/></td>
<td><a href="Hathor.png" target="_blank"><img src="Hathor.png" width="100" height="150" alt="Picture of Hathor Goddess of the Sky, Love and Beauty" align="bottom"/></td>
</tr>
</table>

<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>
<br>
</br>

<table border="1" align="right">
<tr>
<td><a href="Thor.png" target="_blank"><img src="Thor.png" width="100" height="150" alt="Picture of Thor God of Thunder" align="bottom"/></td>
<td><a href="Odin.png" target="_blank"><img src="Odin.png" width="100" height="150" alt="Picture of Odin God of Batlle, Wisdom and Poetry" align="bottom"/></td>
<td><a href="Loki.png" target="_blank"><img src="Loki.png" width="100" height="150" alt="Picture of Loki God of Mischief and Trickery" align="bottom"/></td>
<td><a href="Freya.png" target="_blank"><img src="Freya.png" width="100" height="150" alt="Picture of Freya Goddess of Freya Goddess of Love, Beauty, and War" align="bottom"/></td>
<td><a href="Skadi.png" target="_blank"><img src="Skadi.png" width="100" height="150" alt="Picture of Skadi Goddess of Hunt and Winter" align="bottom"/></td>
</tr>
</table>
Thanks to the next guy who would help me.. i'll appreciate any help

I feel really dumb asking so elementary a question, but ya' gotta start somewhere. I'm trying to format a blog site for my coworkers. It's been a few years since I have done any web work. Anyway, I wrote up a very simple little HTML doc, but when I open it in my browsers, I just see code. The code is below.

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head><title>BSGoad's Blog</title></head>
<h2>Thoughts on the Day</h2>
<body>
<p align="center">Walking down the street today I met a man selling the <i>Spare Change</i> newspaper. I gave him a couple of bucks for a paper and, unprompted, he proceeded to tell me all that had happened with him in the past week. He had spent some time in New York with an old friend (maybe a relative, I'm not entirely sure), and had just returned to Boston. I was struck the immediacy of his comfort with me. He had nothing to hide. He had nothing of which to be ashamed. He just wanted someone with whom to share, who would listen.
<br>
Unfortunately, I was on the phone with my mom. I was hardly attentive. Not impolite, just distracted. Later I felt bad. I could have called mom back. I could talk with her anytime. instead I turned my ear back to my phone and bade the man a good day. I was reminded today of the prayer of St. Ignatius in dedication of the day:</p>
<blockquote align="center">
Father, I dedicate this new day to you;<br>
as I go about my work.<br>
I ask you to bless those with whom I come in contact.<br>
<p>
Lord, I pray for all men and women<br>
who work to earn their living;<br>
give them satisfaction in what they do.<br>
<p>
Spirit of God,<br>
comfort the unemployed and their families;<br>
they are your children and my brothers and sisters.<br>
I ask you to help them find work soon.<br>
<p>
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;- St. Ignatius Loyola
</blockquote>
</body>
</html>

There ya' go. What'm I doing wrong?

Brandon

Hi, I'll go straight to the point. my problem is that I need a text box to have a scroll bar and a fixed size, preferably in a "div" layer.

On a more complicated note, I would really like my website not to refresh itself when you click on a menu button. The changing information should be all in the same layer.

And, last but not least, and even more complicated, Is there any methods to keep the website updating from being super complicated, as in "I write stuff in any program or text box, and this text goes in that box", Blog or loggin style.

Help is greatly appreciated.

Thanks.

Very simple question here. I'm pretty inexperienced with html, past the basics.

I have copied the source code of a webpage into a text file and alltered it. I would like to open the file in Firefox and view this as it would appear as a web page. How would this be done? I have tried opening it as an html file, but the text only appears as the source code.

simple question!

okay hey guys first time post for me as im banging my head against a wall here.

I'm not at all good at html but im changing something on my WoW guilds website.

now if you visit it you can see the Nav crumb is aligned to the left, i want it to be centered but everything i have tired fails! www.accidentguild.com

heres the code im using at the moment, what would i need to make it center?

Thanks

<tr>
<td >
<table id="crumb">
<tr>
<td id="nav">
<div class="ggcode"><script type="text/javascript" src="http://s.guildomatic.com/22981/host/88/88b299192fa483f4b42058edc1d647ea.js"></script>
<script type="text/javascript" src="http://s.guildomatic.com/22981/host/18/1831d0c13f7156a9c39a2f94e27be272.js"></script>
<script type="text/javascript" src="http://s.guildomatic.com/22981/host/e6/e60aa8cc24e81fd6f31115aa0dc7ae14.js"></script>
<link rel="stylesheet" href="http://s.guildomatic.com/22981/host/48/48d569538603645583d72a456faa23ed.css" type="text/css" media="screen">
<link rel="stylesheet" href="http://s.guildomatic.com/22981/host/ad/adf16ddabb8cdc74eedfbeef8ba76566.css" type="text/css" media="screen">

<div id="menu">

<li><a href="/">home</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/forums">forum</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/members?sort=rank">Roster</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/news">news</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/raid_calendar">calendar</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/dkp">dkp</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/raids">Raids</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/items">items</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/guild_application">Applications</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>
<li><a href="/http://www.accidentguild.com/page/show/18816">Profiles</a><img src="http://s.guildomatic.com/22981/host/97/979e2407a1ce49477a9deaae38dc235e.jpg"></li>


</div></div>
</td>

Hi.

In a table data I have four lines of text each line separated by a <br>
The text are different font sizes. The issue I am having is that the lines have space between them above and below. How do I get the lines of text closer together using simple html?

text line 1
|
(this space)
|
text line 2

Regards

Experimenting as a newbie, I put the code below together. The images are in a folder named images. The first image "home" comes up OK and rolls over to home_on.gif OK as well. But the second images do not come up and their location is just a small blank square. Help would be appreciated.

<HTML>
<HEAD>
<TITLE>Image Rollovers</TITLE>
</HEAD>
<BODY>
<A HREF="index.html"
onMouseOver="document.images['home'].src='images/home_on.gif'"
onMouseOut="document.images['home'].src='images/home.gif'"
<IMG SRC="images/home.gif" BORDER="0" NAME="home"></A>

<A HREF="index.html"
onMouseOver="document.images['link'].src='images/link_on.gif'"
onMouseOut="document.images['link'].src='images/link.gif'">
<IMG SRC="images/link.gif" BORDER="0" NAME="link">
</A>

</BODY>
</HTML>

How do I make this simple HTML/CSS page look the way I want? If you render this code in a browser, you will see what I'm trying to do.

Thanks!

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">

<html>
	<head>
		<title>Vertical Sizing Test Page</title>
	</head>

	<body style="margin: 0; background-color: #FFF; font-family: Verdana; font-size: 10pt;">
		<div style="background-color: #FED; padding: 10px; height: 25px;">
			Top Banner. I want this to be sized in pixels to accommodate raster backgrounds.
		</div>

		<div style="background-color: #DEF; padding: 10px; margin: 10px; border: 1px dotted black;">
			<h2>Main Content Area</h2>
			
			I want this to vertically fill the remainder of the page.<br/>
			<br/>
			There should not be any unused space below the bottom banner.<br/>
			<br/>
			If there is a lot of dynamic content in this section, the user will need to scroll. However, if there
			isn't a lot of content, the user shouldn't have to scroll.<br/>
			<br/>
			This should also be vertically centered.
		</div>
		
		<div style="background-color: #FED; padding: 10px; height: 25px;">
			Bottom Banner. I want this to be sized in pixels to accommodate raster backgrounds.
		</div>
	</body>
</html>

I have never designed a form before, I need help with how to get whatever the user submits to display. I want the text that is typed in the "comment box" to be sent to the current page. In other words I want it to work like ebay or amazon where other people can read feedback and comments from others. This is the code I have so far.

<html>
<body>
<form>
First Name:
<input type ="text" name="firstname"/>
<br/>
Last Name:
<input type ="text" name="lastname"/>
<br/>
<br/>
Comments orSuggestions:
<br/>
<textarea rows="10" cols="50">
</textarea>
</form>
</body>
</html>

I seem to be having some issues with getting my table to appear as Id like it. This is a small sample but right now everything is just ontop of everything else..I would like the whole " sunday" stuff to be to the left of all the "monday" stuff. How would I set that up?

Thanks for the help

PHP Code:
<p><strong>Weekly Events</strong></p>

<table style="70%;">

<col style="width:20%;
color:#000000;
background-color:#CCCCCC;" />

<col style="width:80%;
color:#000000;
background-color:#CCCCCC;" />

<tbody> 

<td><strong>Sunday</strong></td>
<tr>
<td>Event</td>
<td><input type="text" name="sunday_event" size="40" maxlength="40" value="<?php if (isset($_POST['sunday_event'])) echo $_POST['sunday_event']; ?>" /></td>
</tr>
<tr>
<td>Description</td>
<td><textarea name="sunday_desc" cols="31" rows="6" value="<?php if (isset($_POST['sunday_desc'])) echo $_POST['sunday_desc']; ?>" ></textarea></td>
</tr>
<tr>
<td>Time</td> 
<td><input type="text" name="sunday_time" size="40" maxlength="40" value="<?php if (isset($_POST['sunday_time'])) echo $_POST['sunday_time']; ?>" /></td>
</tr>

<td><strong>Monday</strong></td>
<tr>
<td>Event</td>
<td><input type="text" name="monday_event" size="40" maxlength="40" value="<?php if (isset($_POST['monday_event'])) echo $_POST['monday_event']; ?>" /></td>
</tr>
<tr>
<td>Description</td>
<td><textarea name="monday_desc" cols="31" rows="6" value="<?php if (isset($_POST['monday_desc'])) echo $_POST['monday_desc']; ?>" ></textarea></td>
</tr>
<tr>
<td>Time</td> 
<td><input type="text" name="monday_time" size="40" maxlength="40" value="<?php if (isset($_POST['monday_time'])) echo $_POST['monday_time']; ?>" /></td>
</tr>

I'm sure this is simple but it's got me baffled! I am basically trying to put a link to a jpg in a text description box using the following code:


<mg src="http://i310.photobucket.com/albums/kk437/timpotter_photos/Apex/The_Apex_Researcher_Fixed_2009.jpg">

however, for some reason when I go back to edit the text it is displayed as:


&lt;img src="http://i310.photobucket.com/albums/kk437/timpotter_photos/Apex/The_Apex_Researcher_Fixed_2009.jpg"&gt;

Is there a way of stopping the < and > characters from changing to &lt; and &gt; because at the moment the code is just appearing on the screen in the description rather than the picture I'm linking to!

any help would be greatly appreciated!!

I've decided to make a personal photography portfolio on my computer, and have thought that the best way to do this would be HTML.

My problem:


See the above image? The items in red circles are just copied and pasted from the original in the top-left. What I want to know is how do I actually get them there in HTML? I think it's something to do with tables, but as I'm practically brand new to HTML I'm not sure.

I have a ZIP file below with all the necessary files, just unzip the online folder and edit the 'index.htm' file if you want to do it all yourself for me. Otherwise, you can use it to have a look at the coding I've used (partly taken from a free HTML template website, I admit ). Thanks very much in advance for help.