TUTORIAL » HTML Basics

HTML URL Encoding Reference

admin — Wed, 14 Apr 2010 09:53:57 +0000

URL encoding converts characters into a format that can be safely transmitted over the Internet.

URL - Uniform Resource Locator

Web browsers request pages from web servers by using a URL.

The URL is the address of a web page like: http://www.conkurent.com

URL Encoding

URLs can only be sent over the Internet using the ASCII character-set

Since URLs often contains characters outside the ASCII set, the URL has to be converted. URL encoding converts the URL into a valid ASCII format.

URL encoding replaces unsafe ASCII characters with "%" followed by two hexadecimal digits corresponding to the character values in the ISO-8859-1 character-set.

URLs cannot contain spaces. URL encoding normally replaces a space with a + sign.

Try It Yourself

If you click the "Submit" button below, the browser will URL encode the input before it is sent to the server. A page at the server will display the received input.

Try some other input and click Submit again.

URL Encoding Functions

In JavaScript, PHP, and ASP there are functions that can be used to URL encode a string.

In JavaScript you can use the encodeURI() function. PHP has the rawurlencode() function and ASP has the Server.URLEncode() function.

Click the "URL Encode" button to see how the JavaScript function encodes the text.

Note: The JavaScript function encodes space as %20.

URL Encoding Reference

ASCII Character	URL-encoding
space	%20
!	%21
"	%22
#	%23
$	%24
%	%25
&	%26
'	%27
(	%28
)	%29
*	%2A
+	%2B
,	%2C
-	%2D
.	%2E
/	%2F
0	%30
1	%31
2	%32
3	%33
4	%34
5	%35
6	%36
7	%37
8	%38
9	%39
:	%3A
;	%3B
<	%3C
=	%3D
>	%3E
?	%3F
@	%40
A	%41
B	%42
C	%43
D	%44
E	%45
F	%46
G	%47
H	%48
I	%49
J	%4A
K	%4B
L	%4C
M	%4D
N	%4E
O	%4F
P	%50
Q	%51
R	%52
S	%53
T	%54
U	%55
V	%56
W	%57
X	%58
Y	%59
Z	%5A
[	%5B
\	%5C
]	%5D
^	%5E
_	%5F
`	%60
a	%61
b	%62
c	%63
d	%64
e	%65
f	%66
g	%67
h	%68
i	%69
j	%6A
k	%6B
l	%6C
m	%6D
n	%6E
o	%6F
p	%70
q	%71
r	%72
s	%73
t	%74
u	%75
v	%76
w	%77
x	%78
y	%79
z	%7A
{	%7B
\|	%7C
}	%7D
~	%7E
	%7F
€	%80
	%81
‚	%82
ƒ	%83
„	%84
…	%85
†	%86
‡	%87
ˆ	%88
‰	%89
Š	%8A
‹	%8B
Œ	%8C
	%8D
Ž	%8E
	%8F
	%90
‘	%91
’	%92
“	%93
”	%94
•	%95
–	%96
—	%97
˜	%98
™	%99
š	%9A
›	%9B
œ	%9C
	%9D
ž	%9E
Ÿ	%9F
	%A0
¡	%A1
¢	%A2
£	%A3
	%A4
¥	%A5
\|	%A6
§	%A7
¨	%A8
©	%A9
ª	%AA
«	%AB
¬	%AC
¯	%AD
®	%AE
¯	%AF
°	%B0
±	%B1
²	%B2
³	%B3
´	%B4
µ	%B5
¶	%B6
·	%B7
¸	%B8
¹	%B9
º	%BA
»	%BB
¼	%BC
½	%BD
¾	%BE
¿	%BF
À	%C0
Á	%C1
Â	%C2
Ã	%C3
Ä	%C4
Å	%C5
Æ	%C6
Ç	%C7
È	%C8
É	%C9
Ê	%CA
Ë	%CB
Ì	%CC
Í	%CD
Î	%CE
Ï	%CF
Ð	%D0
Ñ	%D1
Ò	%D2
Ó	%D3
Ô	%D4
Õ	%D5
Ö	%D6
	%D7
Ø	%D8
Ù	%D9
Ú	%DA
Û	%DB
Ü	%DC
Ý	%DD
Þ	%DE
ß	%DF
à	%E0
á	%E1
â	%E2
ã	%E3
ä	%E4
å	%E5
æ	%E6
ç	%E7
è	%E8
é	%E9
ê	%EA
ë	%EB
ì	%EC
í	%ED
î	%EE
ï	%EF
ð	%F0
ñ	%F1
ò	%F2
ó	%F3
ô	%F4
õ	%F5
ö	%F6
÷	%F7
ø	%F8
ù	%F9
ú	%FA
û	%FB
ü	%FC
ý	%FD
þ	%FE
ÿ	%FF

URL Encoding Reference

The ASCII device control characters %00-%1f were originally designed to control hardware devices. Control characters have nothing to do inside a URL.

ASCII Character	Description	URL-encoding
NUL	null character	%00
SOH	start of header	%01
STX	start of text	%02
ETX	end of text	%03
EOT	end of transmission	%04
ENQ	enquiry	%05
ACK	acknowledge	%06
BEL	bell (ring)	%07
BS	backspace	%08
HT	horizontal tab	%09
LF	line feed	%0A
VT	vertical tab	%0B
FF	form feed	%0C
CR	carriage return	%0D
SO	shift out	%0E
SI	shift in	%0F
DLE	data link escape	%10
DC1	device control 1	%11
DC2	device control 2	%12
DC3	device control 3	%13
DC4	device control 4	%14
NAK	negative acknowledge	%15
SYN	synchronize	%16
ETB	end transmission block	%17
CAN	cancel	%18
EM	end of medium	%19
SUB	substitute	%1A
ESC	escape	%1B
FS	file separator	%1C
GS	group separator	%1D
RS	record separator	%1E
US	unit separator	%1F

HTTP Status Messages

admin — Wed, 14 Apr 2010 09:34:48 +0000

When a browser requests a service from a web server, an error might occur.
This is a list of HTTP status messages that might be returned:

1xx: Information

Message:	Description:
100 Continue	Only a part of the request has been received by the server, but as long as it has not been rejected, the client should continue with the request
101 Switching Protocols	The server switches protocol

2xx: Successful

Message:	Description:
200 OK	The request is OK
201 Created	The request is complete, and a new resource is created
202 Accepted	The request is accepted for processing, but the processing is not complete
203 Non-authoritative Information
204 No Content
205 Reset Content
206 Partial Content

3xx: Redirection

Message:	Description:
300 Multiple Choices	A link list. The user can select a link and go to that location. Maximum five addresses
301 Moved Permanently	The requested page has moved to a new url
302 Found	The requested page has moved temporarily to a new url
303 See Other	The requested page can be found under a different url
304 Not Modified
305 Use Proxy
306 Unused	This code was used in a previous version. It is no longer used, but the code is reserved
307 Temporary Redirect	The requested page has moved temporarily to a new url

4xx: Client Error

Message:	Description:
400 Bad Request	The server did not understand the request
401 Unauthorized	The requested page needs a username and a password
402 Payment Required	You can not use this code yet
403 Forbidden	Access is forbidden to the requested page
404 Not Found	The server can not find the requested page
405 Method Not Allowed	The method specified in the request is not allowed
406 Not Acceptable	The server can only generate a response that is not accepted by the client
407 Proxy Authentication Required	You must authenticate with a proxy server before this request can be served
408 Request Timeout	The request took longer than the server was prepared to wait
409 Conflict	The request could not be completed because of a conflict
410 Gone	The requested page is no longer available
411 Length Required	The "Content-Length" is not defined. The server will not accept the request without it
412 Precondition Failed	The precondition given in the request evaluated to false by the server
413 Request Entity Too Large	The server will not accept the request, because the request entity is too large
414 Request-url Too Long	The server will not accept the request, because the url is too long. Occurs when you convert a "post" request to a "get" request with a long query information
415 Unsupported Media Type	The server will not accept the request, because the media type is not supported
416
417 Expectation Failed

5xx: Server Error

Message:	Description:
500 Internal Server Error	The request was not completed. The server met an unexpected condition
501 Not Implemented	The request was not completed. The server did not support the functionality required
502 Bad Gateway	The request was not completed. The server received an invalid response from the upstream server
503 Service Unavailable	The request was not completed. The server is temporarily overloading or down
504 Gateway Timeout	The gateway has timed out
505 HTTP Version Not Supported	The server does not support the "http protocol" version

ISO Language Codes

admin — Wed, 14 Apr 2010 09:17:17 +0000

The HTML lang attribute can be used to declare the language of a Web page or a portion of a Web page. This is meant to assist search engines and browsers.

According to the W3C recommendation you should declare the primary language for each Web page with the lang attribute inside the tag, like this:

1
2
3

<html lang="en">
...
</html>

In XHTML, the language is declared inside the tag as follows:

1
2
3

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
...
</html>

ISO 639-1 Language Codes

ISO 639-1 defines abbreviations for languages. In HTML and XHTML they can be used in the lang and xml:lang attributes.

Language	ISO Code
Abkhazian	ab
Afar	aa
Afrikaans	af
Albanian	sq
Amharic	am
Arabic	ar
Armenian	hy
Assamese	as
Aymara	ay
Azerbaijani	az
Bashkir	ba
Basque	eu
Bengali (Bangla)	bn
Bhutani	dz
Bihari	bh
Bislama	bi
Breton	br
Bulgarian	bg
Burmese	my
Byelorussian (Belarusian)	be
Cambodian	km
Catalan	ca
Cherokee
Chewa
Chinese (Simplified)	zh
Chinese (Traditional)	zh
Corsican	co
Croatian	hr
Czech	cs
Danish	da
Divehi
Dutch	nl
Edo
English	en
Esperanto	eo
Estonian	et
Faeroese	fo
Farsi	fa
Fiji	fj
Finnish	fi
Flemish
French	fr
Frisian	fy
Fulfulde
Galician	gl
Gaelic (Scottish)	gd
Gaelic (Manx)	gv
Georgian	ka
German	de
Greek	el
Greenlandic	kl
Guarani	gn
Gujarati	gu
Hausa	ha
Hawaiian
Hebrew	he, iw
Hindi	hi
Hungarian	hu
Ibibio
Icelandic	is
Igbo
Indonesian	id, in
Interlingua	ia
Interlingue	ie
Inuktitut	iu
Inupiak	ik
Irish	ga
Italian	it
Japanese	ja
Javanese	jv
Kannada	kn
Kanuri
Kashmiri	ks
Kazakh	kk
Kinyarwanda (Ruanda)	rw
Kirghiz	ky
Kirundi (Rundi)	rn
Konkani
Korean	ko
Kurdish	ku
Laothian	lo
Latin	la
Latvian (Lettish)	lv
Limburgish ( Limburger)	li
Lingala	ln
Lithuanian	lt
Macedonian	mk
Malagasy	mg
Malay	ms
Malayalam	ml
Maltese	mt
Maori	mi
Marathi	mr
Moldavian	mo
Mongolian	mn
Nauru	na
Nepali	ne
Norwegian	no
Occitan	oc
Oriya	or
Oromo (Afan, Galla)	om
Papiamentu
Pashto (Pushto)	ps
Polish	pl
Portuguese	pt
Punjabi	pa
Quechua	qu
Rhaeto-Romance	rm
Romanian	ro
Russian	ru
Sami (Lappish)
Samoan	sm
Sangro	sg
Sanskrit	sa
Serbian	sr
Serbo-Croatian	sh
Sesotho	st
Setswana	tn
Shona	sn
Sindhi	sd
Sinhalese	si
Siswati	ss
Slovak	sk
Slovenian	sl
Somali	so
Spanish	es
Sundanese	su
Swahili (Kiswahili)	sw
Swedish	sv
Syriac
Tagalog	tl
Tajik	tg
Tamazight
Tamil	ta
Tatar	tt
Telugu	te
Thai	th
Tibetan	bo
Tigrinya	ti
Tonga	to
Tsonga	ts
Turkish	tr
Turkmen	tk
Twi	tw
Uighur	ug
Ukrainian	uk
Urdu	ur
Uzbek	uz
Venda
Vietnamese	vi
Volapük	vo
Welsh	cy
Wolof	wo
Xhosa	xh
Yi
Yiddish	yi, ji
Yoruba	yo
Zulu	zu

HTML Codes – Characters and symbols

admin — Mon, 29 Mar 2010 12:30:30 +0000

[hana-code-insert name='HTML' /]

ASCII Codes

admin — Mon, 29 Mar 2010 04:49:53 +0000

The ASCII device control characters were originally designed to control hardware devices.
Control characters have nothing to do inside an HTML document.

ASCII Character	HTML Entity Code	Description
NUL	�	null character
SOH		start of header
STX		start of text
ETX		end of text
EOT		end of transmission
ENQ		enquiry
ACK		acknowledge
BEL		bell (ring)
BS		backspace
HT		horizontal tab
LF		line feed
VT		vertical tab
FF		form feed
CR		carriage return
SO		shift out
SI		shift in
DLE		data link escape
DC1		device control 1
DC2		device control 2
DC3		device control 3
DC4		device control 4
NAK		negative acknowledge
SYN		synchronize
ETB		end transmission block
CAN		cancel
EM		end of medium
SUB		substitute
ESC		escape
FS		file separator
GS		group separator
RS		record separator
US		unit separator
DEL		delete (rubout)

[hana-code-insert name='ascii' /]

Color codes in HTML

admin — Fri, 19 Feb 2010 12:09:51 +0000

Colors in HTML are identified as - #000000 - it is black, #ffffff - it is white. The following table shows different colors for the HTML markup without "#" character that is not obligatory (you can defy it), but its not advised in terms of HTML specification, therefore we advice you to place "#" in color code combinations.

The following script shows the way of color selection online:

Mandatory tags

admin — Fri, 12 Feb 2010 07:43:21 +0000

Each HTML document must contain the following tags , , , </ title>. The order of tags in the HTML document is presented below:</dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> The body of your document</pre></div></div> </dd> <dd>Inside the tag <head> </ head> is the name of your HTML document (more often you see it as a link in search engine results). In addition to this tag inside the <head> </ head> structure so-called META tags can be located. You can see their appointment and descriptions in the handbook on META tags.</dd> <dd> <h2>The body of HTML document</h2> <h2>Headers</h2> </dd> <dd>In HTML language headers are indicated by tags <h1> </ h1>, <h2> </ h2>, ... , <h6> </h6>. Thus there are 6 levels of headers. You can make an experiment - insert <h1> HTML - it's simple</ h1> instead of "The body of the document" in previous example, then save this in text format, change the extension from txt to. html and open it in your browser. So how is it? I think it’s pleasant to make a progress. You can try the same to other levels of headers.</dd> <dd> <h2>Paragraphs in HTML language</h2> </dd> <dd>The paragraph in the HTML document is defined by tag . thus the construction - How are you? - Not bad. should look like the following:</dd> <dd>- How are you? - Not bad. </dd> <dd> <h2>Selection of text in HTML</h2> </dd> <dd>To select text, or a text field in the HTML tags , , are used, thus the line</dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><strong> bold </strong> <em> italic </em> <span style="text-decoration: underline;"> underlined </span> <span style="text-decoration: underline;"> <em> <strong> bold underlined italic </strong> </em> </span></pre></div></div> </dd> <dd>will look like the following: bold italic <pre style="text-decoration: underline;"> underlined bold underlined italic </pre> </dd> <dd> <h2>Unnumbered lists in HTML</h2> </dd> <dd>Unnumbered lists can putted into HTML code by the following structure: <ul><li> item 1<li> item 2<li>item 3</ ul>, which will give us a list of species:</dd> <dd> <ul> <li> item 1</li> <li> item 2</li> <li>item 3</li> </ul> </dd> <dd> <h2>Enumerated lists in HTML</h2> </dd> <dd>Enumerated lists are defined by tags <ol> <li> item 1<li>item 2<li> item 3 </ ol>. look what we’ll get:</dd> <dd> <ol class="ol"> <li>item 1</li> <li>item 2</li> <li>item 3</li> </ol> --> 1. item 1 2. item 2 3. item 3 </dd> <dd> <h2>Nested lists in HTML</h2> </dd> <dd>look at the example of nested list</dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><ul> <li> Chapter 1 <ul> <li>Section 1</li> <li>Section 2</li> </ul> </li> <li> Chapter 2 <ul> <li>Section 1</li> <li>Section 2</li> </ul> </li> </ul></pre></div></div> </dd> <dd>This entry in the HTML code gives us the following result:</dd> <dd> <ul> <li> Chapter 1 <ul> <li>Section 1</li> <li>Section 2</li> </ul> </li> <li> Chapter 2 <ul> <li>Section 1</li> <li> Section 2</li> </ul> </li> </ul> </dd> <dd>Special characters in the text of the document</dd> <dd>Special characters in the text of the document are prescribed as follows</dd> <dd>< - left bracket (<) > - right bracket (>) & - (&) " - quotation marks (") </dd> <dd>A line < "HTML Language" > will look like:</dd> <dd><"HTML language"></dd> <dd> <h2>A Line Break in the text of HTML document</h2> </dd> <dd>Line break is implemented by the tag . For example: "The author of the text-line Publication date Circulation", gives the following result: The author of the text-line Publication date Circulation </dd> <dd> </dd> <dd><a class="menu_black" title="Frames in HTML" href="frames-in-html.html">Frames in HTML</a></dd> <dd><a class="menu_black" title="Mandatory tags of HTML" href="mandatory-tags.html">Mandatory tags of HTML</a></dd> <dd><a class="menu_black" title="Directories in HTML" href="directories-in-html.html">Directories in HTML</a></dd> <dd><a class="menu_black" title="HTML Textarea" href="html-textarea.html">HTML Textarea</a></dd> </dl> </article> <article> <h1>Email forms tutorial</h1> admin — Fri, 12 Feb 2010 07:31:07 +0000 <dl class="spiski"> <dt><a name="email_forms" id="email_forms">Email forms</a></dt> <dd>Email form is a type of <a href="http://phpforms.net/v2/contact_form.html">contact form</a>. It is a small HTML script that uses PHP to send all information entered by visitors to an email account. If you want the visitors to contact you, you can place an email form on your website.</dd> <dd><a href="/" title="Email forms">Email forms</a> are built with the help of email form builders (generators, creators) and are processed by a form processor ( a script written in PHP). The processor sends the content of web forms by email. It is a means of collecting, analyzing and managing your website visitors' feedback.</dd> <dd>Every website should have a section that allows its visitors to contact the owners, webmasters or ask for support. Email form processor enables users to create a dynamic web site form for collecting online submitted information which is stored in a searchable database.</dd> <dd>A form on the website allows the web site visitors to contact you by simply completing the web form. Some forms may include CAPTCHA test, which is basically a graphic image that contains some letters which your visitors have to type (to verify that they are not an automated spam robot that sends spam through mail forms). You are able to change the appearance of the email form page as well as the fields that appear. The form may be located on your own website or on the free formtomail host's site. The site administrator has to create a "thank you" page for the form and host it on his site. Often it is possible to view statistics on the use of your form.</dd> <dd>Webforms are defined in formal programming languages such as HTML, Perl, Java or .NET. For example:</dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"> <form name="form" method="post" action="contact_thanks.php"> <p class="bodymd">Your Name<br> <input type="text" name="Name"> </p> <p class="bodymd">Your Email<br> <input type="text" name="Email"> </p> <p class="bodymd">Comments or Questions<br> <textarea name="Comments" rows="5" cols="40"></textarea> </p> <p class="bodymd"> <input type="submit" name="Submit" value="Submit"> <input type="reset" name="Reset" value="Clear Form"> </p> </form></pre></td></tr></table></div> </dd> <dd>This form can be .html, .shtml, etc. But the page that the results are sent to must be a PHP page.</dd> <dd>Email forms are also called contact forms, feedback forms, formmail, mailforms, web forms, etc.</dd> <dd ><a class="menu_black" href="form-creator.html" title="Form Creator">Form Creator</a></dd> <dd><a class="menu_black" href="email-form-generator.html" title="email-form-generator">Email form generator</a></dd> <dd><a class="menu_black" href="php-forms.html" title="PHP Forms">PHP Forms</a></dd> <dd><a class="menu_black" href="form-software.html" title="Form software">Form software</a></dd> </dl> </article> <article> <h1>Form software</h1> admin — Sun, 17 Jan 2010 20:23:53 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So,you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we havent imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt><a name="form_software"></a></dt> <dd>Forms software is an interactive online forms software that enables users with no programming skills to design, place, route and approve customized online forms. If you are conducting market research, measuring customer satisfaction, employee feedback, or collecting any other data, form creation software is all you need.</dd> <dd>Business forms software provides users with a sense of security as their form will never get lost in the everyday shuffle of paper forms. Software for forms enables users not only to create on-line forms, but also customize them to meet their individual needs. As a rule, online <a href="http://phpforms.net">web forms</a> can be built and published via internet with a few clicks of a button.</dd> <dd>Forms software provides a forms-driven approach to workflowand business process management that can be used without consultants or programmers to run any business process or procedure. Forms software lets you accept online information from visitors. It allows making online forms or web forms in minutes, no matter whether you have an online website or not. You can add forms to your online web site or create web forms to accept data online.</dd> <dd>To build a new form you must select a form template, indicate the number of fields you need, field names, the type of data that should be filled. A database form stores form data into your database. An email form sends the form data to an email address. Add input boxes, text areas, lists, drop-down boxes, checkboxes, radio buttons, and more. You can also add images and backgrounds and customize your e-mail forms or surveys with color, fonts, borders, and highlights. The forms software includes buttons, backgrounds, and XP-style icons. Moreover, you can use your own images to make individual business or personal form. This seems to be the easiest and fastest way to build website forms. </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td colspan="2" align="center">Survey 1</td> </tr> <tr> <td colspan="2" align="left"> How old are you? <select> <option selected="selected"></option> <option value="Under 13">Under 13</option> <option value="13-17">13-17</option> <option value="18-24">18-24</option> <option value="25-35">25-35</option> <option value="36-49">36-49</option> <option value="50-65">50-65</option> <option value="Over 65">Over 65</option> </select></td> </tr> <tr> <td colspan="2" align="left"> What is your yearly income? <select> <option selected="selected"> -- select answer -- </option> <option value="Under $1,999"> Under $1,000 </option> <option value="$1,000 - $1,999"> $1,000 - $1,999 </option> <option value="$2,000 - $4,999"> $2,000 - $4,999 </option> <option value="$5,000 - $49,999"> $5,000 - $49,999 </option> <option value="$50,000 - $100,000"> $50,000 - $100,000 </option> <option value="Over $100,000"> Over $100,000 </option> </select></td> </tr> <tr> <td colspan="2" align="left"> How frequently do you visit our site? <input checked="checked" type="radio" value="Daily" /> <label>Daily</label> <input type="radio" value="Weekly" /> <label>Weekly</label> <input type="radio" value="Monthly" /> <label>Monthly</label> <input type="radio" value="First time" /> <label>First time</label></td> </tr> <tr> <td colspan="2" align="left"> Please rate the value of our site: <input checked="checked" type="radio" /> <label>Not helpful</label> <input type="radio" value="Somewhat helpful" /> <label>Somewhat helpful</label> <input type="radio" value="Very helpful" /> <label>Very helpful</label></td> </tr> <tr> <td colspan="2" align="left"> Enter any remaining comments below: <textarea rows="0"></textarea></td> </tr> <tr> <td colspan="2" align="left" bgcolor="#cdcdcd"> What is your favorite web site? <input type="text" value="http://" /></td> </tr> <tr> <td colspan="2" align="center"> <input type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a class="menu_black" title="Form Creator" href="form-creator.html">Form Creator</a></dd> <dd><a class="menu_black" title="email-form-generator" href="email-form-generator.html">Email form generator</a></dd> <dd><a class="menu_black" title="PHP Forms" href="php-forms.html">PHP Forms</a></dd> <dd><a class="menu_black" title="Email forms tutorial" href="email-forms-tutorial.html">Email forms tutorial</a></dd> </dl> </article> <article> <h1>PHP forms</h1> admin — Sun, 17 Jan 2010 20:20:59 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful php forms-builder can offer you something better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven’t imposed any limitations except for the time the product is valid.</dd> </dl> <h1>PHP Forms</h1> <dl class="spiski"> <dd>PHP (Hypertext Preprocessor) is one of the most popular means of processing HTML forms. Originally it was created by Rasmus Lerdorf in 1995 and stood for Personal Home Page. It began in 1994 as a set of Common Gateway Interface binaries written in the C programming language. The Danish/Greenlandic programmer Rasmus Lerdorf created these Personal Home Page Tools to replace a small set of Perl scripts used to maintain his personal homepage. The tools served for displaying his resume and recording how much traffic his page was receiving.</dd> <dd>PHP is a scripting language. It was designed for producing dynamic web pages. Now it can include a command line interface capability and can be used in standalone graphical applications. It is similar to other server-side scripts that provide dynamic content from a web server to a client, such as Microsoft's Active Server Pages, Sun Microsystems' JavaServer Pages, and mod_perl. PHP executes hundreds of base functions and thousands more via extensions.</dd> <dd>The PHP Group produces the main implementation of PHP which serves as the de facto standard for PHP, because there is no formal specification now. PHP Group provides the complete source code for users to build, customize and extend for their own use. It is considered a free software released under the PHP License. But it is incompatible with the GNU General Public License (GPL) as there are restrictions on the usage of the term PHP.</dd> <dd>PHP is a widely-used general-purpose scripting language that can be embedded into HTML. It generally runs on a web server and creates web pages taking PHP code. It is also used for command-line scripting and client-side GUI applications. It works on most web servers, operating systems and platforms free of charge. PHP can be used with many relational database management systems. Now it functions on more than 20 million websites and 1 million web servers. </dd> <dd>PHP can be compared to a filter as it takes input from a file or stream containing text and/or PHP instructions and outputs another data; HTML is the most common output. It can automatically identify the language of the user.</dd> <dd>One who has ever created any HTML page or started dynamic web programming, has already met with forms. Forms are special components which allow the site visitors to add information on the HTML page.</dd> <dd>A PHP form on a web page allows a user to enter data that is sent to a server for processing. For instance, almost each company web site contains a <a href="http://phpforms.net/v2/contact_form.html">contact form</a>, so that visitors can send a message to the site owner. Such a contact form usually contains several fields - for the visitor’s name, for the email address and one for the main message. PHP forms resemble paper forms because internet users fill out the forms using checkboxes, radio buttons, or text fields. For example, the forms can be used to enter shipping or credit card data to order a product or can be used to retrieve data.</dd> <dd>When dealing with HTML forms and PHP it is necessary to remember that any form element in HTML page will automatically be available to the PHP scripts.</dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td>Name *</td> <td> <input type="text" /></td> </tr> <tr> <td>Email *</td> <td> <input type="text" /></td> </tr> <tr> <td>Phone</td> <td> <input type="text" /></td> </tr> <tr> <td>Field_check</td> <td> <input type="checkbox" value="1" /><label>Check_1</label> <input type="checkbox" value="2" /><label>Check_2</label> <input type="checkbox" value="3" /><label>Check_3</label></td> </tr> <tr> <td>Message *</td> <td><textarea rows="5"></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td> <input id="subbut" type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a class="menu_black" title="Form Creator" href="form-creator.html">Form Creator</a></dd> <dd><a class="menu_black" title="email-form-generator" href="email-form-generator.html">Email form generator</a></dd> <dd><a class="menu_black" title="Form software" href="form-software.html">Form software</a></dd> </article> <article> <h1>Email form generator</h1> admin — Sun, 17 Jan 2010 20:07:56 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder allows anyone to create email forms in a few steps. Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven’t imposed any limitations except for the time the product is valid.</dd> <dd> </dd> </dl> Email Form Generator <dl class="spiski"> <dd> Email form generator is a software, which helps to organize a feedback on a website without special knowledge in programming. As a rule such option is required on any web-project in order to have a connection with subscribers. Email form itself allows capturing data from visitors and sending it to specified e-mail address. This form builder has a capability of sending data to several e-mails. Email form generator has a lot of options to design a form of required size and contents. There is a wide range of capabilities for full customizing. A user can choose amount of fields and assign them necessary values. Email form generator offers to choose between different types of fields. It can be a text box, a text area, a check box, a radio button, a drop-down list or a button. The face of future form can be adjusted in details: color, size, thickness of borders, font type, length of fields, etc. You can use your own backgrounds and font types to make future form suitable for specific site design as much as possible. During development process you can check the result on a graphic model, which shows future form. If needed, some features can be changed or removed. The code is created by email form generator without user interference. This makes application more versatile. Thanks to user-friendly interface of this email form generator and a lot of in-built prompts, the process of creating email form becomes easy and fast. Email form generator also allows to solve a problem of automatic form submissions. This option is set by default and considers dynamically generated code, which has to be inputted by each submitter after filling up the form. If such measure is not required, it can be switched of. Other important capability is an adjustment of automatic replies to submitters. It can be a predefined message or a newsletter that can be updated by administrator. Using this form builder you can arrange redirecting user on other webpage after form submission. All you need is to define URL address of necessary page in adjustments of submit button. At the last stage of development you can configure the format of received data: it can be in html or text format. When the development process is finished, all installation-specific settings will be transformed by email form generator into a code, which can be built into any place of webpage without editing. It can spare a lot of valuable business time, giving qualitative feedback on any web-project as a result. </dd> <dd ><a class="menu_black" href="form-builder.html" title="Form builder">Form builder</a></dd> <dd ><a class="menu_black" href="form-creator.html" title="Form Creator">Form Creator</a></dd> <dd><a class="menu_black" href="php-forms.html" title="PHP Forms">PHP Forms</a></dd> <dd><a class="menu_black" href="email-forms-tutorial.html" title="Email forms">Email forms</a></dd> </dl> </article> <article> <h1>Form creator</h1> admin — Sun, 17 Jan 2010 20:06:34 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a href="/" title="PHPForms">PHPForms</a> can be evaluated in full as we haven't imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt> <a name="form_creator" id="form_creator">Form Creator</a> </dt> <dd> Form Creator is simple software which displays forms and their related prompts on the screen. With a forms creator all you need is to answer the on-screen questions, then click a button to send the completed form to the word processor set up on your computer. Documents can be further edited, printed and saved for later revision. You may also edit the basic form templates. </dd> <dd>Form creator lets you choose the kind of input fields you want to add to your form. You only choose the field you need and type in a label for your field. Moreover, creator forms allows specifying whether your field should be required or not. Add as many fields as you like! After you've made all your fields, simply save your form and let the form creator automatically generate the HTML code for you. You need to copy and paste the HTML code into your webpage and upload it to your server. Now the form is ready. With a form creator you can build as many forms as you like, and receive as many submissions as you like. Just make one "contact us" form and another to ask your website visitors how you could improve the site. You will be surprised what your visitors will tell you if you just ask them. </dd> <dd>Form creator software supplies the most professional way to accept job applications, excel files, images, etc. is to let your visitors upload files to you within your actual form, rather than asking them to send you emails with files. </dd> <dd>The data submitted from the form is sent to the e-mail address in your form setup. An email is sent out immediately after the form submission. A copy of each form submission is also stored online in your account. Website form creator permits the option to remove individual form submissions in your account if you do not need to store them.</dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tr> <td>Name</td> <td><input type="text" name=""></td> </tr> <tr> <td>Phone</td> <td><input type="text" name=""></td> </tr> <tr> <td>Address</td> <td><textarea name=""></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"><input type="button" id="subbut" value="Submit"></td> </tr> </table> </form></pre></td></tr></table></div> <center> </center> </dd> <dd ><a class="menu_black" href="form-processor.html" title="Form Processor">Form processor</a></dd> <dd ><a class="menu_black" href="form-builder.html" title="Form builder">Form builder</a></dd> <dd><a class="menu_black" href="email-form-generator.html" title="email-form-generator">Email form generator</a></dd> <dd><a class="menu_black" href="php-forms.html" title="PHP Forms">PHP Forms</a></dd> </dl> </article> <article> <h1>Form builder</h1> admin — Sun, 17 Jan 2010 20:05:50 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven’t imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt><a name="form_builder"></a></dt> <dd>Website form builder is a program for creating <a href="http://phpforms.net/v2/contact_form.html">contact forms</a>, online surveys, and invitations so you can collect the data, registrations and online payments you need without writing a single line of code. Form builder provides businesses and organizations with an easy way to generate any type of online form, integrate it with their website and start collecting information. Once you have begun collecting that data you can use the information you gathered in online database or export it. Forms builder is software which can be mastered by anyone, as no programming experience is needed. You can build all types of web forms, collect data online and do it simply and efficiently within minutes. </dd> <dd> Using a form builder you can add input boxes, text areas, lists, drop-down boxes, checkboxes, radio buttons, and more. You can also select images and backgrounds and customize your e-mail forms or surveys with color, fonts, borders, and highlights with a form builder. Besides, such software allows using your own images to make unique business or personal forms like never before. This is the easiest and fastest way to make your website interactive.</dd> <dd>Contact form builder is a visual form designer which allows you to build and deploy forms in minutes right from your web browser. Form Builder usually has an easy to understand layout based on sections and grids, onto which you place your form elements. You focus on the data you need to capture, not the pesky details. As a rule, each program of such kind includes a form builder tutorial to assist the users in creating forms step by step. The forms you build with Form Builder automatically produce nice-looking HTML and PDF output. </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td>Name</td> <td> <input type="text" /></td> </tr> <tr> <td>Phone</td> <td> <input type="text" /></td> </tr> <tr> <td>Address</td> <td><textarea></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <input id="subbut" type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a class="menu_black" title="Form Maker" href="form-maker.html">Form maker</a></dd> <dd><a class="menu_black" title="Form Processor" href="form-processor.html">Form processor</a></dd> <dd><a class="menu_black" title="Form Creator" href="form-creator.html">Form Creator</a></dd> <dd><a class="menu_black" title="email-form-generator" href="email-form-generator.html">Email form generator</a></dd> </dl> </article> <article> <h1>Form processor</h1> admin — Sun, 17 Jan 2010 20:04:45 +0000 <dl class="spiski"> <dd> There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven't imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt><a name="form_processor"></a> </dt> <dd>You can see a lot of forms on websites, which are to be filled in online. They are: registration forms, application forms, order forms, surveys and questionnaires. These forms can be built and designed even by non-programmers with the help of Form processor.</dd> <dd> <a href="http://phpforms.net">Web form</a> processor is a tool used to gather feedback and client's information on your web site. Form processor is a script written in PHP, which is the most popular web programming language, so it is compatible with most web servers. It is usually very easy to use and it offers many advanced features. It comes with HTML code for a basic <a href="http://phpforms.net/v2/contact_form.html">contact form</a> that you can use on your website. Since no programming skills are required at all, not only webmasters and programmers use forms processor. For instance, the staff of a marketing department uses it to design a questionnaire for research. Functions that alternatively would require substantial investments in terms of expertise, effort and resources can easily be implemented with this tool. To design your form online you only need your browser and a connection to the web. The form is stored at the server. You can link to the form from within your site or email. Php form processor enables you to edit your forms from any location. While building a form you always see it being updated. </dd> <dd> The entries of a submitted form are received by email. You can see, edit and download these entries from within your account. </dd> <dd> Some form processors can offer many advanced features to make the forms more sophisticated. Html form processor often supplies a lot of benefits in terms of data retrieval. </dd> <dd>In case you already have web forms on your site, you don't need to create new ones any form processor can handle the forms built earlier. </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td>Customer *</td> <td> <input type="text" /></td> </tr> <tr> <td>case</td> <td> <input type="radio" value="1" /><label>case1</label> <input type="radio" value="2" /><label>case2</label> <input type="radio" value="3" /><label>case3</label></td> </tr> <tr> <td>Special notes</td> <td><textarea></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <input id="subbut" type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a class="menu_black" title="Web Forms" href="web-forms.html">Web Forms</a></dd> <dd><a class="menu_black" title="Form Maker" href="form-maker.html">Form maker</a></dd> <dd><a class="menu_black" title="Form builder" href="form-builder.html">Form builder</a></dd> <dd><a class="menu_black" title="Form Creator" href="form-creator.html">Form Creator</a></dd> </dl> </article> <article> <h1>Form maker</h1> admin — Sun, 17 Jan 2010 20:03:45 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven’t imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt><a name="form_maker"></a> </dt> <dd>Form maker is a web application for creating forms that will collect, sort and store information from your web site visitors. It is a perfect solution for those who need: contact form, feedback form, or simple form-to-email; evaluation form, form with file attachments; registration form, multiple page application form, online survey; order form with math calculations, online subscription form. Form maker software sends information from web forms to email addresses or database. Form Maker can generate any <a href="http://phpforms.net">web form</a>: from simple form to complicated one. It often supports calculations, attachments, secure data protocol (SSL), auto responder, etc. With php form maker in your disposal you can configure finest form-to-mail settings, such as conditional sending, data sorting, file attachment, environment settings and plenty of other useful features. Form Maker can generate forms with all the standard fields, has templates for credit card numbers, date and time fields and a list builder for radio buttons, menus and check boxes. You can optionally accept file attachments, store submitted data in a file and send an automatic response. You'll need a web server that can run PHP. Fortunately that's about 90% of the commercial servers available. </dd> <dd><a href="http://phpforms.net/tutorial/html-basics/html-forms.html">Html form</a> maker is quite easy to work with. Select a template, input your information, and the forms maker does the rest. Practically any form maker gives you dozens of ready-made forms you can customize. Start with the exact template that suits you the best - not just a blank screen, and add your information. The forms, which can be created on a website, implement different functions and look differently. The templates of the forms are: Invoice Form, Memo Form, Fax Cover Sheet Form, Job Application Form, Various Medical Forms, Purchase Order Form, Bid Proposal Form, Employee Time Card, Expense Report Form, and dozens more! </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td>Name</td> <td> <input type="text" /></td> </tr> <tr> <td>case</td> <td> <select> <option value="1">case1</option> <option value="2">case2</option> <option value="3">case3</option> </select></td> </tr> <tr> <td>Special notes</td> <td><textarea></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <input id="subbut" type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a class="menu_black" title="HTML Summary" href="html-summary.html">HTML Summary</a></dd> <dd><a class="menu_black" title="Web Forms" href="web-forms.html">Web Forms</a></dd> <dd><a class="menu_black" title="Form Processor" href="form-processor.html">Form processor</a></dd> <dd><a class="menu_black" title="Form builder" href="form-builder.html">Form builder</a></dd> </dl> </article> <article> <h1>Web forms</h1> admin — Sun, 17 Jan 2010 20:02:25 +0000 <dl class="spiski"> <dd>There is no need in monotonous copy-pasting now. Our powerful web form-builder can offer you something new. Better, faster & stronger! Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven't imposed any limitations except for the time the product is valid. </dd> </dl> <dl class="spiski"> <dt> <a id="web_forms" name="web_forms">Web forms</a> </dt> </dl> <dl class="spiski"> <dd> A web form is an area that can contain form elements. Form elements are elements that allow the user to enter information in a form. The data entered by users are sent to a server for processing. PHP web form looks like a paper form because site visitors fill out the forms using checkboxes, radio buttons, or text fields. Typical use for web form is to create questionnaires, contact web form, request/register forms, surveys, polls or a front end to issues tracking systems. Each of these could have a customized form for end-users to fill out. If you need to build a lot of customized, one-off forms, a web form is the most suitable solution. Web page form is often used to enter shipping or credit card data to order a product or can be used to retrieve data (e.g., searching on a search engine). </dd> <dd>A web form is defined in formal programming languages such as HTML, Perl, Java or .NET. Web form submit information is saved in a database table and can optionally be mailed to the e-mail address stated. </dd> <dd> <a title="Web Forms" href="/">Web forms</a> software usually includes a web form tutorial so that anyone with no programming skills can easily create a web form. Html web form is a splendid solution for websites that need to create a number of regularly changing forms. Web form doesn't require installing a content type for each different form, instead each form is connected to a particular node. Using a form wizard you can design simple or complex forms that send you an email each time your visitors submit them. After creating the web form, you get a HTML code to paste in your website, and the form will be there and working. </dd> <dd> It's a common knowledge that putting a simple web form tag on the contact page. Email harvesting software will find and collect it adding it on spam lists. So forms should contain a Captcha Image displaying letters and numbers which are difficult to be read by non humans, stopping 100% automated submissions. </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form> <table> <tbody> <tr> <td>Customer *</td> <td> <input type="text" /></td> </tr> <tr> <td>Address</td> <td><textarea></textarea></td> </tr> <tr> <td>Phone *</td> <td> <input type="text" /></td> </tr> <tr> <td>Special notes</td> <td><textarea name="fld_de9795647d"></textarea></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"></td> </tr> <tr> <td colspan="2"> <input id="subbut" type="button" value="Submit" /></td> </tr> </tbody> </table> </form></pre></div></div> </dd> <dd><a title="HTML forms" href="html-forms.html">HTML forms</a></dd> <dd><a title="HTML Summary" href="html-summary.html">HTML Summary</a></dd> <dd><a title="Form Maker" href="form-maker.html">Form maker</a></dd> <dd><a title="Form Processor" href="form-processor.html">Form processor</a></dd> </dl> </article> <article> <h1>HTML Forms</h1> admin — Sun, 17 Jan 2010 20:01:35 +0000 <dl class="spiski"> <dd>You can build forms with almost every HTML input control now. Our powerful web form-builder allows doing it even without HTML knowledge. Besides, we have a trial version of the product for you. So, you can download, install and use it absolutely for free. You are welcome to request your free trial version from trial at phpforms dot net. <a title="PHPForms" href="/">PHPForms</a> can be evaluated in full as we haven’t imposed any limitations except for the time the product is valid.</dd> <dd> </dd> </dl> HTML Form <dl class="spiski"> <dd> FORM - With the help of the following elements you can create questionnaires and different fields for text inputting with the possibility of subsequent sending the submitted forms to your server. Elements for form creating: FORM - creates a form TEXTAREA - creates a field for inputting a few lines of text SELECT - creates a menu OPTION - Creates a separate items of the menu (see SELECT) INPUT - creates a field in the form FORM - is used to create a form. It should be the presence of initial and ending tags. Inside the FORM element the use of the majority of HTML-elements is allowed. NAME - defines the name of the form, unique to this document. Used if there is a few forms in the document. ACTION - a required attribute. Specifies the URL for sending the form content - the path to the script of the server that acts in current form. METHOD - defines the way to send the contents of the form. Possible values are GET (default) and POST. ENCTYPE - defines the method of coding the contents of the form when you send. The default is "application / x-www-form-urlencoded". TARGET - defines the name of the window, which returns a result of a submitted form. Possible values: _self, _parent, _top, _blank, or clearly specified the name of the window. <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><HTML> <body> <- Creating a form -> <FORM ACTION="my.php" METHOD="Post" NAME="Form"> <! – Inside the form of creating a text box: -> Last Name: <INPUT TYPE="text" name="myname" SIZE="20" VALUE="VALUE"> <! – The "Send" button: -> <INPUT TYPE="submit" VALUE="Otpravit"> </ FORM> </ body> </ HTML></pre></td></tr></table></div> </dd> <dd ><a class="menu_black" href="meta-tag-in-html.html" title="META tag in HTML">META tag in HTML</a></dd> <dd ><a class="menu_black" href="color-codes-in-html.html" title="Color Codes in HTML">Color Codes in HTML</a></dd> <dd ><a class="menu_black" href="frames-in-html.html" title="Frames in HTML">Frames in HTML</a></dd> <dd ><a class="menu_black" href="mandatory-tags.html" title="Mandatory tags of HTML">Mandatory tags of HTML</a> </dd> </dl> </article> <article> <h1>Image in HTML page</h1> admin — Sun, 17 Jan 2010 20:00:06 +0000 <dl class="spiski"> <dd> Image can be inserted into HTML document by the code </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><img src="ris.jpg" alt="”HTML" width="100" height="140" /></pre></div></div> </dd> <dd> Lets analyze parameter value of tag. As you can see, this is a single tag. "Src" parameter specifies the path to the image (absolute or relative). The rules that specifies a relative path is the same as for the links. The width and height parameters define the width and height of the image in pixels in the HTML document. "Alt" parameter specifies the alternative text - the text that appears in your browser when image downloading is disabled. </dd> <dd> <a class="menu_black" title="Select Form" href="select-form.html">Select Form</a> </dd> <dd> <a class="menu_black" title="Mandatory tags" href="mandatory-tags.html">Mandatory tags</a> </dd> <dd><a class="menu_black" title="HTML Summary" href="html-summary.html">HTML Summary</a> </dd> <dd><a class="menu_black" title="Web Forms" href="web-forms.html">Web Forms</a> </dd> </dl> </article> <article> <h1>Select Form</h1> admin — Sun, 17 Jan 2010 19:59:14 +0000 <dl class="spiski"> <dd> SELECT creates a menu, fill out the type of "choice of one item of many" or "Select multiple items from the many." Must be inside FORM element and have at the start or end tags. It contains several elements OPTION, otherwise it makes no sense. MULTIPLE - offers a choice of several menu items while keeping Ctrl key pressed. By default you can choose only one menu item. NAME - defines the name of the menu unique for current form that will be used for sending data to server. Each selected menu item when sending to the server will take on form: name / value. Value is formed by OPTION element. SIZE - determines the number of visible items in the menu. If the value of this attribute is greater than one, the result will be a list of items. OPTION is used only with SELECT element. OPTION element describes the individual menu items. There is no ending tag for this element. <ul> <li>SELECTED - specifies the menu item that will be initially selected when loading the document. If the menu type is "one of many", only one menu item can be marked by SELECTED flag. </li> <li>VALUE - specifies the current item value that will be used along with other information about the contents of the filled forms. When sending information to the server, this value will be merged with the value of NAME attribute in the SELECT element. </li> </ul> </dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><HTML> <body> <form method='post' action='all.php'> Color Scheme: <br> <SELECT NAME="color"> <OPTION VALUE="Standard" SELECTED> </ OPTION> <OPTION VALUE='Brick'> Brick </ OPTION> <OPTION VALUE='Gray Mouse'> Gray Mouse </ OPTION> <OPTION VALUE='Ship Bottom'> Ship Bottom </ OPTION> <OPTION VALUE='Black Night'> Black Night </ OPTION> <OPTION VALUE='White Light'> White Light </ OPTION> <OPTION VALUE='Yellow List'> Yellow List </ OPTION> <OPTION VALUE='Pink Myth'> Pink Myth </ OPTION> <OPTION VALUE='Green USD'> Green USD </ OPTION> <OPTION VALUE='Standard'> Standard </ OPTION> </ SELECT> <input type='submit' name='submit' value='go'> </ form> </ body> </ HTML></pre></td></tr></table></div> </dd> <dd><a class="menu_black" href="inserting-javascript.html" title="Inserting javascript">Inserting javascript</a></dd> <dd ><a class="menu_black" href="tables-in-html.html" title="Tables in HTML">Tables in HTML</a></dd> <dd ><a class="menu_black" href="html-forms.html" title="HTML forms">HTML forms</a></dd> <dd ><a class="menu_black" href="html-summary.html" title="HTML Summary">HTML Summary</a></dd> </dl> </article> <article> <h1>Inserting javascript</h1> admin — Sun, 17 Jan 2010 19:53:49 +0000 <dl class="spiski"> <dd> SCRIPT - inserts a script in the document. Text of the script itself is located between the beginning and ending tags or defined as a URL to a file containing the script, in the SRC attribute. LANGUAGE - defines the language in which the script s written, for example, JavaScript. SRC - defines the URL to the script. Example 1: </dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 3 4 5 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><SCRIPT LANGUAGE="JavaScript"> <-- window.location = "http://www.ya.uk"; / / -> </SCRIPT></pre></td></tr></table></div> </dd> <dd> Where to place the script: SCRIPT element can be either in the header (inside HEAD element) or in the document body (inside the BODY). </dd> <dd><a class="menu_black" href="input-form.html" title="Input Form">Input Form</a></dd> <dd><a class="menu_black" href="select-form.html" title="Select form">Select form</a></dd> <dd ><a class="menu_black" href="image-in-html.html" title="Image in HTML page ">Image in HTML page</a></dd> <dd ><a class="menu_black" href="html-forms.html" title="HTML forms">HTML forms</a></dd> </dl> </article> <article> <h1>Input Form</h1> admin — Sun, 17 Jan 2010 19:53:09 +0000 <dl class="spiski"> <dd> INPUT - creates a form field (button, input box, checkbox, etc.), whose contents can be changed or activated by the user. The element has no ending tag. INPUT element must be inside the FORM element. NAME - defines the name used when transferring the contents of the form to the server. This attribute is required for most types (attribute TYPE – look below) of INPUT element and is commonly used to identify the field or group of fields related logically. TYPE - specifies the type of field for inputting data. By default it is "text". Possible values: text - creates a text boxfor one ext line. Typically used together with SIZE and MAXLENGTH attributes; textarea - a field for inputting more than one text lines. But for this purpose TEXTAREA element is better to use; file - enables tuser to attach a file to the current form. Can be used in conjunction with ACCEPT attribute; password - creates a text box for a single line, but the inputted text is displayed as icons "*", thus hiding its contents from curious eyes; checkbox - an input field for attributes of Boolean type ( "yes" / "no") or for attributes that can take multiple values simultaneously. These attributes are represented by a few checkbox fields that can have the same name. Each selected checkbox field creates a separate pair of name / value in the information sent to the server, even if there would be duplicate names as a result. The field of this type must have the NAME and VALUE attributes, as well as an optional attribute CHECKED that indicates that the field is selected; radio - an input field for attributes that take on one of several possible values. All buttons (radio buttons) in the group must have the same names, but only the selected button in a group creates a pair of name / value, which will be sent to the server. As for the checkbox fields, CHECKED attribute is optional, it can be used to determine the selected button in the radio button; submit - creates a button for sending information inputted into form to the server. VALUE attribute in this case changes the button marking, whose default value depends on the browser. If the NAME attribute specified, then when you press this button for the information sending to a server, a pair of name / value specified for attribute SUBMIT is added, otherwise the pair is not added; image - creates a graphical button image that initializes the data transferring to the server. Location of the image can be set using the attribute SRC. When sending data a server gets the x and y coordinates of the point of image where a mouse button clicked. Coordinates are measured from the top left corner of the image. Meanwhile the information about the field of image type is stored in the form of two pairs of name / value. The name value is obtained by adding to the name of the appropriate field suffixes ". X" (abscissa), and ". Y" (ordinate); reset - creates a button that drops the values of form fields to their default values. When you click it the data to the server are not sent. The button can be changed using the attribute VALUE. By default, the button marking depends on the browser version; hidden - fields of this type will not appear on the screen that allows for placing "secret" information in the form. The content of this field is sent to the server as name / value along with the rest of the form information. This field is useful for sending data from script to script invisibly for user; button - allows you to create a custom button to an HTML document that, with skilful use of JavaScript, adds more functionality to form. NAME attribute allows you to specify the name of the button, which can be used for any function in the script. VALUE attribute allows to specify the text displayed on the button in the document. VALUE - defines text titles for the fields of any type, including buttons. For such fields as the checkbox or radio, will return to the value specified in VALUE attribute. CHECKED - indicates that the checkbox and/or radio field types (see above attribute TYPE) are activated. SIZE - determines the field size in characters. For example, to define a field with the apparent width of 24 characters, you must specify the SIZE = "24". MAXLENGTH - defines the maximum number of characters that you can enter in the text box. It may be greater than the number of characters specified in the attribute SIZE. The default number of characters is not limited. SRC - specifies the URL-address of the image used in the creation of graphical buttons. Used in conjunction with attribute TYPE = "image". ALIGN - determines the way of vertical alignment for the image. Used in conjunction with attribute TYPE = "image". Completely analogous to attribute ALIGN of IMG element. The default value is ‘bottom’. ACCEPT - specifies the type of file. Used only in conjunction with the parameter TYPE = "file". The value is a MIME-type. Example: </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><form action="all.php" method="POST"> <input name="secret" type="hidden" value="Hidden field" /> <input name="act" type="hidden" value="search" /> <input checked="checked" name="ppp" type="radio" value="My" /> I <input name="ppp" type="radio" value="NoMy" /> not I Name: <input maxlength="60" name="textfield" size="30" type="text" value="My name" /> Password: <input name="passwd" type="password" /> <input type="submit" value="Submit" />    </form></pre></div></div> <dd><a class="menu_black" title="HTML Textarea" href="html-textarea.html">HTML Textarea</a></dd> <dd><a class="menu_black" title="Form Processor" href="form-processor.html">Form Processor</a></dd> <dd><a class="menu_black" title="Select Form" href="select-form.html">Select Form</a></dd> <dd><a class="menu_black" title="Image in HTML page " href="image-in-html.html">Image in HTML page</a></dd> </dd> </dl> </article> <article> <h1>Directories in HTML</h1> admin — Sun, 17 Jan 2010 19:51:22 +0000 <dl class="spiski"> <dd>Using subdirectories </dd> <dd>Several years ago the majority of servers allowed to use only one directory, and the entire page, including the IMAGE files were saved in this single directory.</dd> <dd>Today almost all servers allow to work with subdirectories. I really advise you to use this opportunity to structure your pages. First, if your page has several sections, specify a directory for each section. And in the main directory, you'll go into a subdirectory in accordance with user's choice. Here’s the example. Gorod.com site has two sections – one for creating webpages and one for information about Israel. Accordingly, I created two subdirectories: WEB-MANUAL and ISRAEL. And from the head section the control is transferred to one of these subdirectories. Also it’s reasonable to make separated subdirectories for IMAGE files, applets for Java, responses to the message form. Suppose you have a main directory, which is called ROOT and you've created a subdirectory SUB1. Let’s consider the transitions between these directories.</dd> <dd>1. Reference from the main ROOT directory to subdirectory SUB1:</dd> <dd> <pre id="form1" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="sub1/you_file.html"> Your image or link </ a></pre> </dd> <dd>2. Reference from the SUB1 subdirectory to main directory ROOT:</dd> <dd> <pre id="form2" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="../you_file.html"> Your image or link </ a></pre> </dd> <dd> Consider the more general case - 3 directories. Suppose that in a subdirectory SUB1 you made its subdirectory SUB2, that is, you have next structure: ROOT/SUB1/SUB2 All the possible transitions between these directories are shown below:</dd> <dd>1.ROOT-> SUB1: </dd> <dd> <pre id="form3" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="sub1/you_file.html"> Your image or link </ a> </pre> </dd> <dd>2.ROOT-> SUB2:</dd> <dd> <pre id="form4" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="sub1/sub2/you_file.html"> Your image or link </ a> </pre> </dd> <dd> 3.SUB1-> ROOT:</dd> <dd> <pre id="form5" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="../you_file.html"> Your image or link </ a> </pre> </dd> <dd>4.SUB1-> SUB2: </dd> <dd> <pre id="form7" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="sub2/you_file.html"> Your image or link </ a> </pre> </dd> <dd>5.SUB2-> SUB1:</dd> <dd> <pre id="form8" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="../you_file.html"> Your image or link </ a></pre> </dd> <dd>6.SUB2-> ROOT: </dd> <dd> <pre id="form9" style="border: 1px solid rgb(238, 238, 238); padding: 10px;"><a href="../../you_file.html"> Your image or link </ a></pre> </dd> <dd><a class="menu_black" href="html-hyperlinks.html" title="Html Hyperlinks">Html Hyperlinks</a></dd> <dd><a class="menu_black" href="form-processor.html" title="Form Processor">Form Processor</a></dd> <dd><a class="menu_black" href="input-form.html" title="Input Form">Input Form</a></dd> <dd><a class="menu_black" href="inserting-javascript.html" title="Inserting javascript">Inserting javascript</a></dd> </dl> </article> <article> <h1>Html Hyperlinks</h1> admin — Sun, 17 Jan 2010 19:50:41 +0000 <dl class="spiski"> <dd>Hyperlink in the HTML language is defined by tag <a> </a>. For example line</dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><a href="html.rar"> Download HTML manual</a></pre></td></tr></table></div> </dd> <dd> <h2>Download HTML manual</h2> </dd> <dd>Href parameter determines the place of the document the hyperlink refers to. In this example, the relative link refers to a document html.rar, located in the same directory as the HTML page is. Absolute link is defined as follows: </dd> <dd> <div class="wp_syntax"><table><tr><td class="line_numbers"><pre>1 2 </pre></td><td class="code"><pre class="html4strict" style="font-family:monospace;"><a href="http://webdesign.net-soft.ru/html.rar"> Download tutorial on HTML language</a></pre></td></tr></table></div> </dd> <dd>It looks similar to the previous link, but also determines the exact location of the document</dd> <dd>Rules for placement of relative links in the HTML language</dd> <dd>If the document that link refers to is located in a directory (folder) on the lower level, lets say dir, the href parameter value will take the form of href = "dir / html.rar", and if the document is located in the level above, we will need to write href ="../ html.rar ". </dd> <dd ><a class="menu_black" href="mandatory-tags.html" title="Mandatory tags of HTML">Mandatory tags of HTML</a></dd> <dd><a class="menu_black" href="select-form.html" title="Select Form">Select Form</a></dd> <dd><a class="menu_black" href="html-textarea.html" title="HTML Textarea">HTML Textarea</a></dd> <dd><a class="menu_black" href="input-form.html" title="Input Form">Input Form</a></dd> </dl> </article> <article> <h1>Frames in HTML</h1> admin — Sun, 17 Jan 2010 19:47:40 +0000 <dl class="spiski"> <dd>Frame is a table, in which another HTML document downloads. Many sites have a frame structure, and this site is no exception. Menu of our site is loaded into the frame. How is this performed? Look at this: </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> Your browser does not support frames</pre></div></div> </dd> <dd> <h2>Name of the parameters</h2> </dd> <dd>"Name "- is the name of a frame, "src" - the path to the page downloaded into the frame; "width" and "height" is the width and height of the frame respectively. "Scrolling" parameter determines whether the scroll bars are displayed in a frame. If this parameter is not registered in your HTML code, then scroll bars appear when it is needed, if it is equal to "no", then scroll bars are not visible, if - "yes", then bars are displayed in any case. While following the link in a simple HTML-document, the current document substitutes for the new one in the browser's window. If you need to send the content to the frame, it should have the unique name, which is set by the attribute name. In this case, while creating the link in the tag <A>, it is necessary to indicate target parameter, the frame name acts as the value. For our frame <a target="I2">.</dd> <dd><a class="menu_black" title="Color Codes in HTML" href="color-codes-in-html.html">Color Codes in HTML</a></dd> <dd><a class="menu_black" title="Html Forms" href="html-forms.html">HTML Forms</a></dd> <dd><a class="menu_black" title="Mandatory tags of HTML" href="mandatory-tags.html">Mandatory tags of HTML</a></dd> <dd><a class="menu_black" title="Html Hyperlinks" href="html-hyperlinks.html">HTML Hyperlinks</a></dd> </dl> </article> <article> <h1>Meta tag in HTML</h1> admin — Sun, 17 Jan 2010 19:40:31 +0000 <dl class="spiski"> <dd> META tags description in NAME group: Author Author tag must contain the author's name. If the site belongs to some specific organization,it will be reasonable to use the "Copyright". Examples: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Author” content=”James Brown”> <META Name=”Copyright” content=”My Copyright”></pre></div></div> </dd> <dd> Description Description META tag provides a brief html-page description. It is used by search engines for indexing and as a brief annotation in the response to a request alongside with link. And exactly the contents of this tag helps user of search engine to define whether your site corresponds to his query or doesn"t. If Description tag is missing in the code, search engines use the first line of the text or text fragment with detected key word. The preferable length of the description is not more than 80 characters. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Description” content= ”.. .”></pre></div></div> </dd> <dd> Document-state Document-state META tag - is designed to control the indexing of search robots. It can take on one of two values: Static - if there is no need to index this page in the future. Dynamic - for regular indexing (by default). Mode "Static" is intended for pages that do not change in principle. If the content of your page changes from time to time, then usage of this tag is optional. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Document-state” content =”Dynamic”></pre></div></div> </dd> <dd> Generator Generator META tag- is just one of the "nice" family of tags that are widely used by HTML code generators for their own purposes. Typically these tags do not carry any the payload for a site owner. </dd> <h3 class="h3">Keywords</h3> <dd> Keywords META tag is used by search engines for relevance assessing. The words contained in Keywords tag, are considered by search engines as a recommendation. Creating a keyword list for Keywords META tag you should use the words contained in the text. Words that are not contained in the text can be used in very small quantities, two or three words. They must be embedded in the end of the list. Key words should not be repeated in the Keywords tag, in extreme cases, not more than twice. In the Keywords META tag is reasonable to use no more than 10 words, a larger number will not increase relevancy. In most cases search engines find plural keywords (e.g., cats), even if the search is set for the singular word (e.g., cat). That is why it"s recommended to input English plural nouns in Keywords META tag. Some search engine robots do not move to a new line during the Keywords META tag analysis, therefore, it"s not advisable to break it into several lines. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Keywords” content=”primer, META, tega”></pre></div></div> </dd> <dd> If the document is written in several languages, you can use the extra "lang" attribute for encoding selection (see description of Content-Language META tag). Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Keywords” lang=”ru” content=”META tag example”> <META Name=”Keywords” lang=”en-us” content=”META tag example”></pre></div></div> </dd> <dd> But more preferable is making separate pages, each for one language, with switching from one to another, using the tag <A> and <Link>. Resource-type Resource-type META tag - describes the state of the current document. If its the value differs from the "Document", then search engines will not index it. This META tag is designed for use in large projects with many different types of documents. Some possible values are: * Build * Classification * Creation * Document - accept the default. * Formatter * Host * Operator * Random text * Rating * Site-languages * Subject * Template * Version Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Resource-type” content =”Document”></pre></div></div> </dd> <dd> Revisit Revisit META tag - shows to search engine, in how many days he needs to return to reindex this document. Example (to come once a week): <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”Revisit” content=”7”></pre></div></div> </dd> <dd> Robots Robots META tag contains guidance for the search engines robots that collect information about HTML documents in the network. Value of Robots feature can consist of the following directives, separated by commas: * Index - this page should be indexed. * Noindex - this page should not be indexed. * Follow - to track the hyperlinks on the page. * Nofollow - no tracking hyperlinks on the page. * All - = index, follow (set by default). * None - = noindex, nofollow. Tag <META name=Robots content="all"> does not change anything in the search engine robot, as well as the importance of "all" is set by default. But if the page is created dynamically or is updated very often, there is no point in its indexing, as well as information about a page in the search engine and its real content will be different. In this case you can recommend the search engine not to index this page, and only to monitor hyperlinks to index the rest of the site Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META name=Robots content=”noindex,follow”></pre></div></div> </dd> <dd> Using the tag that prohibits the tracking of hyperlinks <META name=Robots content="index,nofollow"> some part of the site may not be indexed, because inside of the site the robot move along hyperlinks. And pages with blocked transitions will not be indexed. Robots META tag takes precedence over the directives of management defined in the file robots.txt. Subject META tag Subject used by search engines to determine subject matter of the document. But until the search engines do not agree their classification tables, the use of this tag is not always justified. URL META tag URL - is intended for excluding the generated pages and mirrors from indexing. Met this tag, the search engine robot must stop indexing of the current document and click on the specified link. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META Name=”URL” content= “http://www.Main-Site.com”></pre></div></div> </dd> <dd> Description of META Tag of HTTP-EQUIV group: </dd> <dd> Content-Language Content-Language META tag- it is an indication of the document language. Used by search engines when indexing. Although most of them are able to distinguish the language by the text. Some possible values (standard [ISO639], [ISO3166]): de - German el - Greek en - English en-GB - English - United Kingdom en-US - English, American version en-cockney - English, cockney dialect es - Spanish fr - French it - Italian i-navajo - Navajo (North America) ja - Japanese he - Hebrew nl - Dutch ru - Russian pt - Portuguese x-klingon - Code "x" denotes the experimental language code zh - Chinese Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Content-language” content =”ru”></pre></div></div> </dd> <dd> In the HTML 4.0 specification there is an alternative possibility of an explicit indication of the language - <html lang="en"> Content-Script-Type META tag Content-Script-Type - Definition of the programming language scripts. Some of the possible values: text / javascript text / perlscript text / tcl text / vbscript - JavaScript (set the default). - PerlScript. - TCL. - VBScript. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Content-Script-Type” content=”text/javascript”></pre></div></div> </dd> <dd> If the Content-Script-Type tag is not used, the type of programming language for the scripts that differs from that set by default, must be specified directly in each <SCRIPT> tag, sample <SCRIPT type="text/javascript">. Content-Style-Type META tag Content-Style-Type - indicates stylesheet language, "text / css" value is adopted by default. If you are satisfied with it and you don"t use <Style> and tags in the document, then the usage of this tag is optional. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Content-Style-Type” content=”text/css”></pre></div></div> </dd> <dd> Content-Type Content-Type META tag - is responsible for document type indication and symbol coding. Usage of Content-Type META tag has some nuances: * Firstly, the symbol coding of the text should correspond to the coding specified in the tag. * Secondly, the server should not change the text coding during the query processing in the browser. * Thirdly, if the server changes the text coding, it must adjust or remove Content-Type META tag. Attention! Content-Type META tag is often inserted by HTML code generators. Windows-1251 - Cyrillic (Windows) KOI8-r - Cyrillic (KOI8-R) cp866 - Cyrillic (DOS) Windows-1252 - Western Europe (Windows) Windows-1250 - Central Europe (Windows) Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Content-Type” content=”text/html; charset=windows-1251?></pre></div></div> </dd> <dd> Expires Expires META Tags - manages the cache. If the date specified in the tag has passed, the browser must make a recurring network request, and not use the copy from the cache. If the past date is initially set, the document will not be cached. Some search robots may not index the document with obsolete date. Date should be specified in the standard [RFC850]. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Expires” content=”Wed, 26 Feb 1999 08:21:57 GMT”></pre></div></div> </dd> <dd> PICS-Label PICS-Label META tag - (Platform-Independent Content rating Scheme Label)) determines the level of site accessibility (sex, violence), but it can be used for other purposes. Pragma Pragma - is the caching control. A value of "no-cache" caching is not recommended. This META tag is designed for the documents received as a result of the script work. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Pragma” content =”no-cache”></pre></div></div> </dd> <dd> Refresh Refresh META Tag - the definition of delay time in seconds, after which the browser automatically updates the document. Additional feature - the automatic downloading of another document. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Refresh” content =”4; URL=http://www.name.com/”></pre></div></div> </dd> <dd> If you just need to update the document, the URL assignment is not required. Set-Cookie Set-Cookie - Install a browser cookie. </dd> <dd> Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Set-Cookie” content=”NAME=value; EXPIRES= date; DOMAIN=domain_name; PATH=path; SECURE”></pre></div></div> </dd> <dd> Attributes EXPIRES, DOMAIN, PATH and SECURE can be deleted if not needed. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Set-Cookie” content=”NAME=value;”> NAME</pre></div></div> </dd> <dd> The name cookie, can not contain the line feed characters, spaces, a semicolon (;) and Tab. EXPIRES Storage Time for cookie. After this date (in the format "Wdy, DD-Mon-YYYY HH: MM: SS GMT") the time of cookie storage expires. If this attribute is not specified, the cookie is stored during one session, before closing the browser. DOMAIN The domain for which the cookie is set. For domains COM, EDU, NET, ORG, GOV, MIL, INT the value can be abbreviated as "MY.COM", it is identical to "WWW.MY.COM". For all the rest (including RU) value must be set fully "WWW.MY.RU". If this attribute is omitted, the default domain name server, which was billed meaning cookie. PATH Installs a subset of documents to which the cookie. When the value "/ doc" the cookie will be distributed to all files and directories in that directory starting at the "doc" (/ doc /, / document /, / doc2 /, docs.html, doc-test.htm). If this attribute is omitted, the value of cookie covers only the documents of the folder that contains the current document. SECURE Indicates that the information about the cookie should be sent via HTTPS (HTTP with using SSL). Otherwise, the information about the cookie will be sent over HTTP. Before making a request to the server, the browser checks the cookie. And if the NAME, DOMAIN and PATH attributes match, the browser sends cookie to server. If a cookie takes the new value, old value is removed. Browser has a number of restrictions in terms of working with the cookie: Up to 300 values cookie can be stored at a time. Cookie can not exceed 4 KB. There can be not more than 20 cookies from one server(domain). These restrictions may slightly differ depending on the configuration and the type of browser. When an excess of the limit (general or by domain) takes place, the oldest record is deleted. Removal takes place regardless of the attribute EXPIRES value. When exceeding 4 Kbytes, cookie is truncated. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV = “Set-Cookie” content = “NAME = cookexample; EXPIRES = Monday, 22-FEB-02 21:11:51 GMT; DOMAIN = WWW.MY.RU; PATH = /; SECURE” ></pre></div></div> </dd> <dd> Window-target META Tag Window-target - specifies a window of current page. This will be used to stop the emergence of new browser windows in the application for frame structures. It is fair for many (but not all) browsers. Example: <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><META HTTP-EQUIV=”Window-target” content =”_top”></pre></div></div> </dd> <dd><a class="menu_black" title="HTML Style" href="html-style.html">HTML Style</a></dd> <dd><a class="menu_black" title="Tables in HTML" href="tables-in-html.html">Tables in HTML</a></dd> <dd><a class="menu_black" title="Color Codes in HTML" href="color-codes-in-html.html">Color Codes in HTML</a></dd> <dd><a class="menu_black" title="Html Forms" href="html-forms.html">HTML Forms</a></dd> </dl> </article> <article> <h1>Tables in HTML</h1> admin — Sun, 17 Jan 2010 19:32:52 +0000 <dl class="spiski"> <dd>In order to arrange the table first of all you need to assign a number of rows and columns. Usually its difficult to understand that the html table markup supposes table description line by line. So, in order: <table> </table> - opening and closing tags table. <tr> </tr> - opening and closing tags for table row description. <td> </td> - opening and closing tags for table cell description. <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table> <tbody> <tr> <td> 1 cell</td> <td> 2 cell</td> </tr> </tbody> </table></pre></div></div> Table would look like this: <table> <tbody> <tr> <td>1 cell</td> <td>2 cell</td> </tr> </tbody> </table> Please note, <table> - opening table tag, <tr> - opening line tag, <td> </td> <td> </td> - two opening and closing cell tags, < /tr> - closing line tag, </table> - closing table tag. <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table></pre></div></div> Table would look like this: <table> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> </tr> </tbody> </table> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> <td>cell 3</td> </tr> <tr> <td>cell 4</td> <td>cell 5</td> <td>cell 6</td> </tr> <tr> <td>cell 7</td> <td>cell 8</td> <td>cell 9</td> </tr> </tbody> </table></pre></div></div> <table> <tbody> <tr> <td>cell 1</td> <td>cell 2</td> <td>cell 3</td> </tr> <tr> <td>cell 4</td> <td>cell 5</td> <td>cell 6</td> </tr> <tr> <td>cell 7</td> <td>cell 8</td> <td>cell 9</td> </tr> </tbody> </table> Note that there is no matter how many spaces or line feeds you marked, all these characters are ignored in HTML text. <h2>How to merge cells?</h2> Add to tags structures colspan and rowspan. colspan - merges cells in table lines; rowspan - merges cells in table columns. <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table border="1"> <tbody> <tr> <td colspan="2">cell 1</td> <td>cell 1</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2">cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table></pre></div></div> <table border="1"> <tbody> <tr> <td colspan="2">cell 1</td> <td>cell 1</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2">cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table> Inputting text into the cells. align - horizontal alignment; valign - vertical alignment. <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table border="1"> <tbody> <tr> <td colspan="2" align="center">cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2" valign="top"> cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table></pre></div></div> <table border="1"> <tbody> <tr> <td colspan="2" align="center">cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2" valign="top">cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table> The width of table borders. border the value of this parameter will indicate the border width. <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"> <table border="5"> <tbody> <tr> <td colspan="2" align="center">cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2" valign="top"> cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table></pre></div></div> <table border="5"> <tbody> <tr> <td colspan="2" align="center">cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2" valign="top">cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table> If the border = "0" Table would look like this: <table border="0"> <tbody> <tr> <td colspan="2" align="center">cell 1</td> <td>cell 2</td> </tr> <tr> <td>cell 3</td> <td>cell 4</td> <td rowspan="2" valign="top">cell 5</td> </tr> <tr> <td>cell 6</td> <td>cell 7</td> </tr> </tbody> </table> </dd> <dd> <a class="menu_black" title="Html BODY" href="html-body.html">Html BODY</a> </dd> <dd> <a class="menu_black" title="HTML Style" href="html-style.html">HTML Style</a> </dd> <dd> <a class="menu_black" title="META tag in HTML" href="meta-tag-in-html.html">META tag in HTML</a> </dd> <dd> <a class="menu_black" title="Color Codes in HTML" href="color-codes-in-html.html">Color Codes in HTML</a> </dd> </dl> </article> <article> <h1>HTML Body</h1> admin — Sun, 17 Jan 2010 19:29:08 +0000 <dl class="spiski"> <dd>BODY indicates the beginning and end of the HTML-document body. Between the start and end tags the text of the document, images and tables are contained. In short, all the HTML-elements responsible for displaying the document, its management and hypertext links. BODY element must occur in the document not more than once. Attributes: MARGINHEIGHT - determines the width (in pixels) of upper and lower margins of the document. Only works in Netscape browsers. TOPMARGIN - determines the width (in pixels) of upper and lower margins of the document. Only works in Explorer browsers. MARGINWIDTH - determines the width (in pixels) of left and right margins of the document. Only works in Netscape browsers. LEFTMARGIN - determines the width (in pixels) of left and right margins of the document. Only works in Explorer browsers. BACKGROUND - sets the image for "filling" the background. The value is assigned in the form of a file name with a picture in GIF or JPG format. BGCOLOR - specifies the background color of the document. TEXT - determines the text color in the document. LINK - determines the color of hyperlinks in the document. ALINK - determines the color of the highlights when you click hyperlinks. VLINK - determines the color of hyperlinks to documents that you have already reviewed. The values of BGCOLOR, TEXT, LINK , ALINK and VLINK attributes are specified by RGB-value in hexademical system. Previously, we were mentioned how to indicate colors in html. Example: </dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;">... The text of the document. ...</pre></div></div> </dd> <dd>Do not use MARGINWIDTH, MARGINHEIGHT, TOPMARGIN, LEFTMARGIN as they are made only for certain browsers. If the user has another browser, and we are aimed at creating a document that will be readable in all browsers. In principle we advise to leave <BODY> tag without any parameters, because we will put them in the cascade style sheet.</dd> <dd><a class="menu_black" title="HTML Introduction " href="html-introduction.html">HTML Introduction</a></dd> <dd><a class="menu_black" title="HTML concept" href="html-concept.html">HTML concept</a></dd> <dd><a class="menu_black" title="HTML Style" href="html-style.html">HTML Style</a></dd> <dd><a class="menu_black" title="Tables in HTML" href="tables-in-html.html">Tables in HTML</a></dd> </dl> </article> <article> <h1>HTML Concept</h1> admin — Sun, 17 Jan 2010 19:20:25 +0000 <dl class="spiski"> <dd>HTML concept - it's my vision of how the site should look. That is, if someone doesn’t agree with my opinion, it could be. Nevertheless, let me tell what can be and what can not be on the website. That is, let’s try to formulate rules of good manners when creating the site:</dd> <dd> <div class="wp_syntax"><div class="code"><pre class="html4strict" style="font-family:monospace;"><img src="ris.jpg" alt="”HTML" width="100" height="140" /></pre></div></div> </dd> <dd>Lets analyze parameter value of tag. As you can see, this is a single tag. "Src" parameter specifies the path to the image (absolute or relative). The rules that specifies a relative path is the same as for the links. The width and height parameters define the width and height of the image in pixels in the HTML document. "Alt" parameter specifies the alternative text - the text that appears in your browser when image downloading is disabled.</dd> <dd> <ul> <li>If you don’t know what the Frame is, never wondered what it is. If you know what is that, never use them in practice. If you are using frames on your site, then keep in mind that many browsers can not read your site, plus you really complicate the work of search engines and other specialized Internet programs. Conclusion: use the tables for text formatting, tables easily replace frames and different robots and special programs easily operate with them.</li> <li>Never use structures that in different versions of browsers look differently. It is desirable to test the site on an old browser Netscape 6. There all the flaws will be immediately visible. Conclusion: Test your site in different versions of browsers.</li> <li>Do not use more than three colors on your site, otherwise it will be variegated that is very bad.</li> <li>Save the style of all the pages in the same spirit, then the site will looks complete, that adorns it greatly.</li> <li>Never use a lot of graphics. Page with big memory size likely will not be viewed by users, as it will be a rather long boot, and people simply will not wait until the end. Many users have the most usual modem entry in the Internet. Conclusion: as little of graphics as possible.</li> <li>The same can be said about JavaScript. If possible, do not use it. Pages load a long time, plus clever users in their browser disable script loading option. Conclusion: as little JavaScript as possible.</li> <li>When using images, always assign their size in HTML text (border = "0" height = "38" width = "160"), because 20% of users turn off graphics that resizes images and the site will look for another. In addition, always an alternative text in image tags - a description of image. Conclusion: always set the images size.</li> <li>Use PHP for creating more dynamic site, because the sites where nothing changes have no interest for visitors.</li> </ul> </dd> <dd>From all the above we can make a conclusion. The site should be fast to the prejudice of graphics, but keeping single textual information is not rational. We must seek a middle ground between the graphics and downloading rate of the site.</dd> <dd><a class="menu_black" title="HTML Introduction " href="html-introduction.html">HTML Introduction</a></dd> <dd><a class="menu_black" title="Html BODY" href="html-body.html">Html BODY</a></dd> <dd><a class="menu_black" title="HTML Style" href="html-style.html">HTML Style</a></dd> <dd><a class="menu_black" title="Tables in HTML" href="tables-in-html.html">Tables in HTML</a></dd> </dl> </article> </main></body></html>