blind_html Re: creating html?
- From: Ethan <ethan8768@xxxxxxxxx>
- To: blind_html@xxxxxxxxxxxxx
- Date: Wed, 09 Dec 2009 19:23:43 -0500
Hello Paul,
I know you said you know how to write text on a web page but I am going
to start from the very beginning for those who are wondering how to do this.
LEARN HTML
With help from Ethan
HTML is the language to make webpages. It is the most basic language
and can do many things.
To write HTML in a document you need to have a HTML document. To do
this open Notepad, Wordpad etc. Go to "Save As" and name the file with a
.html extention (instead of .txt, .doc etc.) Now you can start writing
HTML in your HTML document. Note: when you save the document it may save
as filename.html.txt. If it does, rename it so that it has the html
extention.
To write HTML in a HTML document use the <html> tag. The <html> and
the </html> tag are the beginning and ending tag of a HTML document. Use
them at the beginning and ending of the document.
The next tag after the <html> tag is the <head> tag. The <head> tag
is used to insert other types of scripts and to add a title to your
page. Write text in between the <title> and the </title> to give the
page a title.
Example:
<html> <head> <title> This Is A Title </title> </head> </html>
The next tag after the <head> and </head> is the <body> tag. Between
the <body> and the </body> tag you can write text, links, bookmarks,
input boxes, textareas, radio buttons, buttons, combo boxes, and more!
Example of text in <body>:
<html> <head> <title> Title of Page </title> </head> <body> Here is
some text in the document. </body> </html>
Example of a link:
<a href="[protocol]://[url]"> [text of link] </a>
Note: [protocol]: http (in a url), ftp (upload files), mailto (email), etc.
[url]: url of the location (Example of http: www.google.com) (Example of
ftp: something@xxxxxxxxxxxx) (Example of mailto: someone@xxxxxxxxxxxxx)
To make a link without it underlined:
<a href="[protocol]://[url]" style="text-decoration:none"> Text of Link </a>
Note: The text-decoration=none is more CSS than HTML.
Example of headings:
<h1>text</h1> <h2>text</h2> <h3>text</h3> <h4>text</h4> <h5>text</h5>
<h6>text</h6>
When you put text inbetween the headings tags the text will appear
larger. The largest is the heading 1 tag. The font gets smaller as you
use larger numbered headings.
Note: The headings only go up to h6.
Example of a bookmark:
<a name="#name_of_bookmark">
Note: Put this tag where you want the bookmark. The name of the bookmark
must start with a number sign (#).
<a href="#name_of_bookmark"> Text of Link </a>
Note: Use this code in the place where you want to place the bookmarks
link. When the user clicks on the link it moves the user down to where
you placed the bookmark.
Example of an Input Box:
<input type="text" name="name_of_textbox" size="" value="">
Note: If you place text in between the quotes ("") after the value= it
will place text in the box as a default. If you place a number between
the quotes ("") after the size= it will restrict the user to type more
than that number of characters in the box. This will only allow the user
to see one line of text at a time.
Example of a textarea:
<textarea name="textarea_name" size="" rows="10" cols="20"> </textarea>
Note: If you place a number between the quotes ("") after the size= you
will restrict the user from typing in more characters then the number.
The number between the quotes ("") after rows= tells you how many rows
the user can see. The number between the quotes ("") after the cols=
tells you how many columns the user can see. If you place text between
the <texarea> and the </textarea> it will place text in the textarea as
a default. This will allow the user to see more than one line at a time.
Example of a Check Box:
<input type="checkbox" name="name_of_checkbox">
Note: Put text before or after the checkbox so the user knows what the
box is.
Example of a Radio Button:
<input type="radio" name="name_of_radio_button">
Note: put text before or after the radio button so the user knows what
the radio button is. If you make more than one radio button make sure
that all of the radio buttons names are the same so that only one radio
button can be checked.
Example of a Button:
<input type="button" name="name_of_button" value="text of button">
Note: Between the quotes ("") after the value= is the text the user will
see on the button.
Example of a Combo Box:
<select> <option name="option_1"> option 1 </option> <option
name="option_2"> option 2 </option> <option name="option_3"> option 3
</option> </select>
Note: <select> and </select> starts and ends the options to choose from
in the combo box. You can put whatever you want between the <option> and
</option>.
I hope this Learn HTML file was helpful and interesting. If you have
any questions about this file or if I missed something please email me.
You can also go to:
www.w3schools.com
<a href="http://www.w3schools.com";>www.w3schools.com</a>
for more information on HTML. Just click on the Learn HTML link.
I know HTML, JavaScript, CSS, and some PHP as well and would be glad to
make a short document on JavaScript or CSS if people would want me to.
© 2008-2009 by Ethan
blind_html
To unsubscribe, please send a blank email to
blind_html-request@xxxxxxxxxxxxx
with unsubscribe in the subject line.
To access the archives, please visit:
//www.freelists.org/archive/blind_html
Thanks
Other related posts: