| HTML Help |
Hi there! Let me start off by telling you right up front that I am NOT an HTML expert and this is in no way complete....these are things I've learned along the way that are useful for most basic html help. Note that codes typed out will be done in Blue and where they are necessary, spaces will be done as (space) - don't type the (space), just leave a space! to try to make them stand out. Otherwise, the sample codes will be in the textarea "boxes". Let's get started!
Backgrounds. Alot of people, including me, like dark or "busy" backgrounds. The problem with either of these choices is that people either will have a hard time reading your text or won't be able to read it at all. What you need to do is know how to change your font color for these backgrounds. Here's the basics:
To put a background on a page, you type:
If you just want a plain colored background, that's:
So, now you've got your background on the page. We're going to change font colors now! simply add the body text = color after you CLOSE the body background. Yes, you can still use the bgproperties="fixed". just add the body text after:
Just type the color word in, or use the hex numbers =) NOTE: If you're just using the words for colors, in the body text or links section, you will NOT need the # sign.
Images. At some point, you're going to want to use images on your site or message board. There are basically 2 ways I know of to get an image onto your site or shop. The first, and easiest, is to go to a site that hosts images and has the HTML information already done for you. You simply copy and paste the image url where you want it. You can change the location of the image on a line by the following methods:
centering it - using:
You can also do Alignment - Right, Left, Center, Justify. Here's how:
**Now this one is JUST for TEXT - This will Justify your text, which just makes it look tidier, like for a work or school project! - or like this page was done:)**
You can also either scan or make your own image or get one from a copyright free site. This is also what you will do for non-hosted Backgrounds. For those types of sites, you will:
right click on the image - a window will appear - choose Save Picture As and decide where you want to save it and WHAT YOU WANT TO CALL IT! Make the file name for the image as easy as possible. Also make sure it is either a .gif or .jpg. Now you have your image. You will need to upload this image from wherever you've saved it to an FTP/image hosting site. This is so you can download it to your site later. It also keeps it safe in case of {gasp} a computer glitch! To put an image on a site, here's the basics:
The command for
border = " 0 " > is important if the image you've selected has a border or "box" around it and you don't want that to show up. Again, I've added the extra spaces [except where noted (space) - those you NEED] so that the code would show up.Here's a "quick trick" for "resizing" an image on the fly...Let's say your image is 600 x 400 and that's just too large. Here's how you would take that image and make it, say, 400 x 200:
< img src = "your image name .gif (or jpg)" (space) width="200" (space) height="400" (space) border="0">
For Backgrounds, you would be typing in < BODY BACKGROUND = "all the information - see Backgrounds above.
If you're using an image for a message board, you will most likely use the [img] your image url [/img] tag.
Linking sites, etc. Again, this is not really hard. It takes a little practice. At least it did for me! Here's the basics: you need the URL of the shop, page, site, whatever it is you're going to link to. Write it down if you have to - that's what I do! Got that? Ok, here goes for a basic link:
Hyperlinks: - a hyperlink is a link that uses an image instead of a word or name to click on. (See the little figure at the bottom of this page.) Hyperlinks, I have found, are NOT really that hard! Again, it just takes a little practice and attention to what you're typing in so it all works correctly.
Here's what a hyperlink code consists of - the URL you want to link, the name and the Image. NOTE: You need to have your image ready to go. In other words, you have to have an image, have it the way you want it and have it uploaded to an FTP or image hosting site that allows direct linking. Otherwise, you won't be able to download it! Here's what a hyperlink code typed out basically looks like:
If you've done this right, all you'll see is the image.
Note: you MAY have to put your font size and color information again after doing a hyperlink. Personally, I just do the < /font > before making a link, and then simply put in what I want after the link < font color = black > < font size = 5 > - like that.
If you put your cursor on the image, you should see the address show up on the bottom left of your browser screen.
For Example:
Put your cursor on the flower and look down to the left - you'll see the address for this page show up:)!
Sounds! I'm not a fan of long, looping, infinite, never-ending midis. They're annoying, they make the page load slow and after a few minutes, unless it's something you're really into, you're gonna be turning your speakers off! I have used small wav files successfully though. They don't take alot of time to load, and they stop!. Now there is an "official" HTML way to do this, but I've never been able to get it to work. So, I stumbled, through trial and error onto this method: First, you need the wav file. Then you need to upload it to an FTP space so you have an address to download it from. Did that? OK, here's an easy way to get that little wav onto your page:
You DO need the space between the > and Loop and between "False" Hidden - but take the rest of them out.
Miscellaneous "stuff". Using & nbsp; (no space between the &n and no caps - it won't work and you'll see &NBSP;&NBSP;&NBSP; on your page!) 3 times will make one long space, which can be helpful in separating images or words on one line - like this - like this. Don't forget to put the ; between each one, and don't put any spaces between them! Using To center a phrase, image, whatever, use
Using < br > (no space) creates a line break, just like you see here.
To make something bold, like this page was done, use < b >, and when you're done, just type < /b > Underlining is simply To "italicize" something, like if you're quoting or want something to look a bit different, just type Just make sure when you give a command, like center, bold, underline, italicize, font color, font size to use the Lastly, when you're working with an image - putting up a background, setting an image somewhere, making a link, make sure you use the " your url "; those " " are very important.
2 Very Basic Javas. 1. Right Click Disable: So, you've made a webpage and you don't want people just taking your text or images. Unfortunately, there really is no 100% foolproof way of preventing this (that I know of), but there is a little javascript that you can put at the top of your page, right after the < /body >:
Making your font "glow: This is just a fun thing to play with - you can change the number for your font size and strength and also the color. This sample has the center code - for a title:
|
|
