Este libro encontrarás todo sobre la jerga del web hosting, asi aprenderás a comprar un dominio como alojamiento web.Descripción completa
web designing
Full description
Full description
Full description
Pgini Web Licenta
con
Descripción: fisica 3
niaDescripción completa
proformaDescripción completa
Descripción: linux
This book is for the students who wants to learn HTML, its in hindi language.
conclusionFull description
EXP 1 ECE104L
aa
Various barbershop tags
Full description
First web page For the beginning copy next HTML cod in notepad. Assure that the operation is right executed or the page will not function.
The second page You may need time and more attempts so that you get used with this rules, so you should keep trying with the next web page. Copy this cod in notepad, like you did with the first page.
My first web page !
My second web page !
Welcome.
Very soon I will make a page which is going to be so cool!
The upper code , is all you need t o create a base web page.Now you can save the document in notepad selecting from File menu the Save As option. In the new opened window, select All Files. We will give a name to the file, for example "index.html", without using the quotation marks. Check twice before you push the Save button. I will ask you to try to remember where you have saved the file because we will work with this file a bit later. HTML is the basic language for creating web pages on a website. It would be best to learn this by having a web page hosting to experiment with. Tags in HTML Now that you have already created your web page, we should examine some segments of "index.html" file. Certainly you have seen that there is a model in the arrangement of the commands , some words are surrounded of "<" and ">", these are HTML tags. An example of HTML tag is . The tag tell s to the browser, where the content of the web page begins. is an example of tag who should exist in every web page.
After you have assured that everything is going along with the anterior indications. you can save the document. You could try to save it with the same name as the one before, "index.html".You may be asked if y ou want to save the document over the previous, select Ok, we won`t need any more the other document.When you are done, go on and r ead the next tutorial. Conclusion In the previously example has been introduced some new tags. We will try to give a definition to them, so that we can start in the next lesson, the real realHTML TUTORIAL. The tags of which i was talking about are : , ,
and
. The example in discussion:
My page!
Welcome.
Very soon I will make a page which is going to be so cool!
Base tags in HTML Lets take a look at the co d. A web page has in composition two base elements. If you try to create a page without those two tags, you will have problems. Web`s page content will be here
This tag is immediately after and is used to indicate to the browser, useful information like : page`s title , content ( used by the old searching engines) and many others
First tag is called < and is that which tells to the browser that it had started a HTML cod. The second tag, , tells to the browser that from there it had started the visible part or page`s content.
Is situated between and . This tag is the one who give to the page the name. The name will be showed in t he browser, usually in the upper left side. In the previously example the title was " My page !" and it will be showed as the browser`s title.
How to close a HTML tag You may have observed already other two similar tags at the end of the document, and . These tag are for closing., lets the browser know that page`s content is over, and that the HTML document is done. Slash "/" is situated before tag`s name and it tells to the browser that he wants yo stop the current function. So is used to start a funct ion, and to stop it .
This is the title that appears in the page, before of the content and it will be bigger then the content`s character.
means that is the second sized character between the other six already existent.
is the biggest character and
is the smallest.
Tag`s order - very important The order of opening and closing a tag is very important.If a tag is opened in an other, for example body is writte n open in html then that tag (body) is the one who needs to be closed before the second tag (html). We have closed first body because it was the first one written. This is the rule: opening and closing a tag applies at all the other HTML tag documents.
Is the tag that marks the opening and the closing of an paragraph.So when you start a paragraph assure yourself that you used
in the beginning and
and in the end. Keep learning - HTML Tutorial
1
Now that you have understood the base of the HTML labels and how these work, you can go on an start reading section HTML Tutorial . Here you will learn all the tags and the HTML attributes, how to use them and how to build a functional web page . HTML - Hyper Text Markup Language Welcome to the ZiZix tutorials sect ion . Here you can learn the basic of HTML. After learning this tutorial you will be able to make your own web pages.
Save the document from the File/Save As menu. Select All Files and name the new created file "index.html".Hit Save.Now open the file in a browser so that you have the possibility to refresh the page (F5). If you did everything well you will be able to see your web page wh ite ! element The element is the one that is n ext. While you put in between html and body everything should be just fi ne."Head" has no visible function, so we will talk about this aspect in the next tutorials. Even though i want to mention that can of fer to the browser very useful informations.You can introduce here other cods like Javascript or CSS. For the moment we will let the notions like that with the exception of the act that we introduce the next element from the list, but first lets take a look without him:
If you are already familiar with XML,then HTML will seem easy to learn. I recommend you, not to read this tutorial from head to tale but t o spend a quarter or a half hour after reading several lessons, and practice. Preparing for learning HTML Creating documents in HTML is not difficult. To start, you need only a notepad and dedication. If you are new in the field and you have not yet read readBeginner's Guide , I suggest you spend a few minutes reading it.
Web Pages Web pages are very useful. This explains some of the arguments: The simplest way to spread information on the Internet Another form to increase your business You can tell the world that you have something to say on a personal page
If you save the document and try to refresh the initial page from the browser you will not see any difference. Just have a little patience, because next we will study some visible elem ents.
Words to remember Tag - used to specify the regions of the HTML document, which a browser will read later.Tags will look like this: Element - is a complete tag, having an opening and a closing tag>. Attribute - is used to change the value of an element in HTML. Usually an element has several attributes. So far just remember that a tag is a command that the browser will execute, an element that is a complete tag and an attribute Customize and change an element in HTML.
element So that every thing goes well you must put the title tag inside the head tag. what you write between those two title tags ( and ) will be seen as browser`s name, usually in the upper right side. Next we have the source code: My first web page!
The following tutorials For the following tutorials you can use the navigation menu on the left to browse what you are interested in, or you can read it from cover to cover pressing the button "Next >>", located in t he bottom of the page. HTML Elements HtML elements have many ranks.All you see : paragraphs, ZiZix`s banner, the navigation links from the left side and the right side , all are elements of this page. An element has three parts : an opening tag, e lement`s content and an closing.
- the tag that opens a paragraph Element`s content - the paragraph itself.
- the closing tag. ***Note: All the web pages will have at least the base elements: html, head, title and body.
Now save the file and open it in your browser. You will be able to see the title in the upper left or right side as like the majority of the browsers. You can put any name you want, just remember that the descriptive names are the ones that are easier to find later. element The body element is the one that defines the beginning of the itself page`s content (titles, paragraphs, photos, music and any all the others).As you can see in the menu from the left, we debate one by one all these content elements. For now all you need to keep in your mind is that body covers all the content of the page. My first web page! Hey guys! Here we will put the content later !
element... An HTML document will always begin and end with a tag and respective . This is the standard structure of an HTML. Please open a Notepad and copy the next cod :
Now see what you have done, and after i invite you to see what is in t he next section. Html tags - Introduction
2
THe "class" and "id" attributes in HTML These two attributes are mostly the same. They have no straight role in the formatting of the elements b ut they are useful behind the scene with the help of CSS. We will talk their role at the right time when we study their syntax and their function in CSS. The idea is that when you want to set a class of tags for being used later with the help of CSS, you can make the difference between two identical tags but with different attributes. Take a look at the next example :
A browser read absolutely all you write in the HTML document. Tags have three parts as I said before, the opening, closing and content. As you will learn there are hundreds of HTML tags. Absolutely all the elements that will be displayed by a browser need a tag or two.
Content
Paragraph
Tags are written in small letters. This is the standard of writing in XHTML, and Dynamic HTML. Above are some examples of tags in HTML.
Paragraph type 1, italic
Paragraph type 2, bold
Display
acts as a capsule on the content.
paragraph
Title (heading)< h2> italic i>
Paragraph type 1, italic Paragraph type 2, bold
bold
HTML - The "name" attribute "name" is a bit different from "id" and "class". If you give a name to an element this one becomes a script variable fo r Javascript, ASP and PHP. Something that is very often meet in formulations and other interactive text fields.
Exceptions - tags that do not require closing tag There are some tags that do not meet the model shown above.The reason is that in fact these tags do not have content. Due to this f act we will use a modified manner of writing these tags. The simplest example is "linebreak"
Display
This tag is combining the two tags, opening and closing.This way is more efficient to use. Line break is used to tell the browser that we want to get down a line below, but not closing paragraph. Following this example, other tags have been modifi ed to be write in a simpler and quicker way.
This attribute has no effect over the display of the text box, even if in the background it plays a very important role. HTML - "title" attribute This attribute is used rarely . He adds a title (a pop-up) to every element`s content. This attribute should not be fo rgotten. You can name almost everything however you want. The visualization appears when you need to stop with your mouse for a few second above the content.
-- Image Tag - -- Line Break Tag - -- Input Field -Display
A random title
Display
-- Line Break --
A random title As you can see the browser is able to reproduce the image as long as we provide the location using the attribute "scr". More about this in the next tutorial. HTML attributes The attributes are used to personalize tags. What do i mean ? Somehow , someday you want to resize a image or a table or to change a font color. All these are possible with the help of the attributes. The most tags have their own attributes. We will talk about this as we include in our talking a new tag. But now we will talk about a set of generic attributes which can be used with the majority of the tags. Attributes are putted between the angular brackets (<>) of the opening tag.
Pass with your mouse over the upper title so that you see the magic o f the"title" attribute.This attribute will give yo your site a bit of interaction for those who visit you. Do not pass over this detail. HTML - "align" attribute If you want to align in a diffe rent way some elements of your page then you have at your disposition the "align" attrib ute. You can align to the left, right or the center of the page almost every element. By default elements will align to the left, excepting when it is specified an other alignment.
3
Centered title
height
Numerical value
Specifies the height of an tabl
title
Defined by user
"pop-up" a title for an eleme
Display Centered title Paragraph's attribute
The paragraph is a base element in text edit ing.The tag for a paragraph is
. He places a empty line above and under the text to make it evident, and the browser will take it as it is.
Other examples:
Title aligned to the left
Centered title
Title aligned to the right
Display
The paragraph is a base element in ...
This places a empty line above and ... < /p>
Title aligned to the left Centered title Title aligned to the right
Display The paragraph is a base element in te xt editing.The tag for a paragraph is < He places a empty line above and under the text to make it evident, and t h browser will take it as it is
The default values for the attributes Most of the tags are attributed standard attributes. This means that if you do not specify an other attribute, the browser will do it for you. For example a paragraph will align by himself to the left, excepting when you specify in an other way; the same is with a table. As long as you practice you will understand many more things about the default values of some tags.
HTML - Paragraph, justify Paragraphs can be edited almost the same easy way as in a text editor. The next example is made with the help of the justify attribute
Generic attributes You must keep in your mind that attributes are used to design the elements of a web page. I have put here together some of the most commune attributes used in HTML :
Attribute
Options
Function
align
right, left, center
Horizontal alignment
valign
top, middle, bottom
Vertical alignment
The paragraph is a base element in ...
Display The paragraph is a base element in te xt editing.The paragraph is a base element in text editing.The tag for a paragraph is
. his one places a em line above and under the text to make it evident, and the browser will take as it is. HTML - Centered paragraph
The paragraph is a base element in ...
Display
bgcolor
numerical, hexadecimal, or RGB value
A background behind an element.
background
URL
An image behind an element.
The paragraph is a base element in te xt editing.The paragraph is a base element in text editing.The tag for a paragraph is
. his one places a empty line above and under the text to make it evident, and the browser will take it as it is.
In this example every line of the paragraph has been centered in the middle of the giving back line.
id
Defined by user
Names an element which will be used with CSS. HTML - The paragraph aligned to the right, right
class
Defined by user
Classifies un element which will be used with CSS
The paragraph is a base element in ...
Display
width
Numerical value
Specifies the width of a table, image or table box.
4
The paragraph is a base element in te xt editing.The paragraph is a base element in text editing.The tag for a paragraph is
. his one places a em line above and under the text to make it evident, and the browser will take as it is.
All the lines of the paragraph had been arranged, in the upper example, to the right. HTML - Titles 1:6 (Headings) In HTML, a title is exactly what it looks : a real title or a subtitle.When you put a text in a tag
, the text will be bolded, and the dimension of the letter will be the sam e with the number of the heading. The titles can have dimensions form 1 to 6 , where 1 is the smallest dimension and 6 the biggest dimension.
A line break is different from the other tags that we have s een before. The place we put it in the source cod of the document, will end the line and it will go down with a line , letting a space which is smaller the the one from the paragraph. In the paragraph is used , as you can see, in the next example.
Charles Brownstone Florida Street No 1 New York, USA
Headings
are
great
for
titles
and subtitles
Display Charles Brownstone Florida Street No 1 New York, USA As well it can be used for pointing out a signature , for example at the end of a letter.
Display
Thank You,
Charles Brownstone Vice-President
Display Thank You,
Charles Brownstone Vice-President HTML - Horizontal Rule Use to create a horizontal line. THis tag is similar with line break.
You can see that every title has a linebreak before and after. Every time you put a heading, the browser will give automatically a space in the line before it and after as well.
Use With Caution
HTML - Practical example Lets take now an easy example and practice it for a bit so that t he information will be understood totally. It would be recommended for you to get used to these terms before we go on.
HTML - Titles 1:6 (Headings)
A title in HTML is exactly what it looks : a real title, or a ...
A title in HTML is exactly what it looks : a real titl e, or a ...
Display
Display
Use
HTML - Titles 1:6 (Headings) A title in HTML is exactly what it looks : a real title or a subtitle.When you put a text in a tag
, the text will be bolded, and the dimension of the letter will be the same with the number of the heading. The titles can have dimensions form 1 to 6 , where 1 is t he smallest dimension and 6 the biggest dimension.
With Caution
The horizontal line can be useful in differ ent circumstances, like you can A title in HTML is exactly what it looks : a real title or a subtitle.When you see in the next example : a footn ote. put a text in a tag
, the text will be bolded, and the dimension of the letter
1. "The Hobbit", JRR Tolkein. will be the same with the number of the heading. The titles can have 2. "The Fellowship of the Ring" JRR Tolkein.
dimensions form 1 to 6 , where 1 is t he smallest dimension and 6 the biggest dimension. Display Line break
5
1. "The Hobbit", JRR Tolkein. 2. "The Fellowship of the Ring" JRR Tolkein.
Display
As you can see, everything that this tag does is to draw a horizontal line separating different parts of the content or it just decorates the page. Use it with skill and it will give unexpected results. HTML - Lists HTML has three types of lists. shows a ordinate list while
a disorderly one, and for making a definition list is used
. Use the attributes type and start for making a list in order with your requests.
- unsorted list, bullets - ordered list, umbers
- definition list.
Small letters
Capital letters
Roman numbers with small letters
Roman numbers wi capital lett
A job Money Other city
A job Money Other city
A job Money Other city
A job Money Other city
Unsorted list It makes a unsorted list with the help of the
tag. The disordered lists are splinted in many types : squares, bullets, and circles. The standard value gave by the majority of t he browsers are bullets.
HTML - The ordered list Use tag for starting a ordered list. if you put (list item) between
Shopping list
milk
cheese
eggs
sugar
Objectives
To find a job
To take a lots of money
To move in an other city
View the example
Display I have put together in the next example how it looks the other types of unsorted lists.
Objectives To find a job To take a lots of money To move in an other city
View the example
You can start your list with any number you want just specifying it with the help of the start attribute.
HTML - The definition list As well you can make definition lists using the
tag. This list will give the word above de definition. It is indicated t o bold the word so t hat it will be more evident.
Objective
To find a job
To take a lots of money
To move in an other city
Quieso
Spanish word for cheese .
Ordenador
Spanish word for Computer
Display
View the example
Objectives To find a job To take a lots of money To move in an other city
HTML - Formatting elements As you put as many texts as you can in your page, you will need new elements of formatting your page as you want and need. In attribute's tutorial we have talked about ways of adding style to your wanted elements. This formatting tags can make elements bold italic underlined cut and not only
This element is not doing anything out of common but is pretty useful sometimes.
Example of Bold Text
Example of Emphasized Text
Example of Strong Text
Example of Italic Text
Example of superscripted Text
Example of subscripted Text
Example of struckthrough Text
Example of Computer Code Text
HTML - Other types of ordered lists Excluding the upper example there are other for types of ordered lists.In the place of the arabian numbers you can use roman numbers or as well letters but in both cases it can be used only small letters o r capital letters. Use the type attribute if you want to modify the type of the numbering
Display
6
Example of Bold Text Example of Emphasized Text Example of Strong Text Example of Italic Text superscripted Text Example of Example of subscripted Text Example of struckthrough Text Example of Computer Code Text
bgcolor="#FFFFFF"
The "F" letter is the maximum value whom the system can take. When a browser sees this cod it will show the white color.In case you want to find out the numerical value of this color we have the next formula: (15 * 16) + (15) = 255
HTML - How to use the formatting tags These tags should be used with moderation. What i am trying to say is that is indicated to use them for bolding or tilt a word or paragraph. When you want to use them for example in a whole paragraph, the best is to use CSS . Anyway this in just an advice, after all the decision is yours and you can use them in correlation with how your experience indicates you. HTML - Color codes There are three different ways of defining a color. The easiest way is to name the color in english. For example: black, white, red, green and blue. I have put together the names of the color which are supported in HTML
The formula is very simple. We take the first value of the "F" or 15 and is multiplied with 16 and we add to the second value 15. The result is 255, the maximum value whom a primary color can have. bgcolor="#CC7005" CC(RR - Red) (12 * 16) + (12) = 204 70(GG - Green) (7 * 16) + (0) = 112 05(BB - Blue) (0 * 16) + (5) = 5
HTML - The RGB color system This color cod is not recommended because Internet Explorer is the only browser which supports RGB values in HTML. RGB is a shortcut from : Red, Green, Blue. Every single color of these can take any value between 0 (which doesn't matter) and 255 (the fu ll proprieties of that color). I have put together in the way of how you write RGB colors. If you use a browser which is not Internet Explorer you will have no result.
True colors The hexadecimal system is very used for creating pages. This is compatible with the majority of the browsers, in t his way the displayed colors for a web page will not be changed. As an assurance, use the colors true colors like : "#0011EE", "#44HHFF", or "#117788". This type of colors will not be changed in a browser. Here we have a list of the true colors We recomand to stick to these 216 "web-safe". However, 8-bit color displays were much more common when the 216-color palette was developed than they are now. Anyway, it has been discovered that only 22 of the 216 colors in the web-safe palette are reliably displayed without inconsistent remapping on 16-bit computer displays. We atached here a table with thise 22 realy safe colors: HTML - Font and Basefont The tag is used for modifying the type of a text, the size and the color. Use "size", "color" and "face" attributes to personalize yo ur text and the tag to set the color, size and the style of a whole text. Mostly the "font" and "basefont" tags are not used m uch because is used CSS to establish a text`s attributes.
HTML - The hexadecimal color system The hexadecimal system is pretty hard at firs t look but with all this we assure you that once with the time passing, and with a bit of practice, you will understand it fully. The hexadecimal color system is the standard system for all the web browsers. Is confident and compatible not only in web applications. The hexadecimal system is a representation of 6 color characters. First two characters (RR) represents the red value, and the next two (GG) are green, and the last two (BB) are blue. bgcolor="#RRGGBB"
The Font Size Set the size of your font. There are accepted values between 1 (the smallest) and 7(the biggest).The standard value of a text is 3.
HTML - Color cod - Breaking the cod The next table shows , more precisely, how the letters are integrated in the hexadecimal system, making the combination possibilities bigger. Decimal 0
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
This is font size 5
Display
HEX This is font size 5 0
1
2
3
4
5
6
7
8
9
A
B
C
D
E
F The font color Set the color of the text
In this way the possibilities are bigger and the system can have 16 values. An example of hexadecimal cod would be:
font color="#990000">This text is hexcolor #990000 This text is red
7
This text is hexcolor #990000 This text is red
Customize
Font Face Pick a letter style using the "facefont" tag. You can choose any font you have installed, but choose the font with care because the user on your page can`t see the font if he hasn`t got installed your font.He will see t he default font meaning TImes New Roman. The solution would be to choose many fonts who look the same.
your font to achieve a desired look.
HTML - Hypertext Reference / href The "href" attribute names the connection to an other web page. Actually is the place where it will be sent the user who clicks on the link. Links can be : intern - to specifically places from the page(anchors)> locals - to other pages from the same domain globals - to other domains, outside the site
This paragraph has had its font...
Internal - href="#anchorname" Local - href="../img/foto.jpg" Global - href="http://www.tutorialehtml.com/"
HTML - HTML - Text links To set the beginning and the end of a anchor it can be used . Choose the type of the attribute that you need then put it inside the tag. Example:
This paragraph has had its font formatted by the font tag!
Basefont With the help of the "basefont" tag y ou can establish the default value of the font in your web page.We recommend to specify a "basefont" in case you will use the font in HTML. What is next is an model.
Is used to link two sections of the same page. In this way we need to give a name to those sections, but for this is indicated to take a look at the next example.
start page, but is as well accepted any other page, eventually a special page made in this purpose.
HTML - Hypertext Reference / href
HTML - Text links
HTML - E-mail text
HTML - Entity/Symbol In HTML, "entity" is a fancy name for "symbol". Some symbols as copyright, trademark and many others, some of them are available on your keyboard, need a special writing.
HTML - E-mail link To make an e-mail link is very simple.If you want someone to write you an email the best thing to do it would be to put at its disposition a link with your email and a pre-established subject.
Multiple spaces and <> As I said in the lesson about paragraphs, a browser will recognize a single space, indifferent of how many you put in a HTML code. But there is a entity which can be introduced to show more then one space.
HTML - Download links A download links looks like a normal link text. The problem kicks in when we want to add a photograph.The best solution it is to use a thumbnail with a link, but we will talk more about this problem in the next lesson.
Now take a break and practice a bit with this symbols. A bigger list of these you find it HERE. As you will observe in this table, it can be used as well a numerical value replacing the standard name of the symbol. HTML - Creating links of email type Creating links of email type is very simple. It must be mentioned that Text Document when you put a email`s link on a public page, is very easy for a expert to find it and use it later to send spam messages. A different way, which lowers the risk of spam, is the implementation of HTML - Default link/Base link an e-mail form in the content of your page. use the tag in the interio r of the element to set a base HTML - E-mail links link. This is necessary in case you have somewhere a link which doesn`t If you want someone to write you an email the best way is to put a link work or in case the destination it doesn`t exist anymore.The base link with your email and a pre-established subject. sends the user to the specified address. Usually it sends the user to the
The fact that storing the image on an alternative server, presents a great advantage if the space provided for your domain is a limited one
HTML - "alternative" attribute for images Attribute "alt" is used to display text instead of image in case your browser for some reason can not display the picture or when a user has the "ShowImage" option unselected.
Questions here
In case the subject is not enough and you want yo add something else in the email`s content , you can do it wi th the help of the next code:
Display
Questions here Display HTML - the height and width of an imag e To determine the height and width of an image is used and "height" attributes "width". Logical, no!
Questions here HTML - Inserting images The images are very important in a web page. It is therefore important to use them in the right way. Insert images using the tag .
Display
Display HTML - horizontal and vertical alignment of an image For this we will use the attributes align and valign. The options offered by these attributes are: 1. Align (horizontal) right left center 2. Valigh (vertical) top bottom center Example:
HTML - img src "src" is shortcut for "source". This attribute is used to indicate the photography location. As explained in the links Tutorial you can use any URL to point to the file.
Local source
Description
src="image.jpg"
the picture is located on the same level as .html file
This is the first paragraph ...
This is the second paragraph...
This is the third paragraph...
Display
src="../image.jpg"
the picture is located in previous level as .html file.
src="../img/image.jpg"
the picture is located in the "img" folder in a previous level as .html file
You may also address the full URL. For example scr="http://www.tutorialehtml.com/img/image.jpg. The URL pattern is not recommended because in case you change the domain you will have to change as well the addresses of all photos. Or if the image is stored on another domain: scr="http://www.domeain.com/image.jpg.
10
This is the first paragraph, This is the first paragraph,This is the first paragraph,This is the first paragraph,This is the first paragraph. This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the same second paragraph, This is the same second paragraph, This is the seco nd paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph, This is the second paragraph. This is the third paragraph, This is the third paragraph, This is the third paragraph, This is the third paragraph, This is the thir d paragraph.
HTML - Using images as links This is only an introduction, we will talk more about this in the next tutorial. The images are very useful as links and can be formed as fallows
Display HTML - Forms Forms are one of the most important tools used by a webmaster to gather important information about an internet user, information's such as e-mail, name, address, phone or any other kind of info. Based on the necessity the information can even be stored on a file, you can make statistics, register forms or subscriptions to the information presented in your web page, and many others.
The image above will send to the home page. You can change it to your start page and here you have a pictur e with a link to your start page HTML - Thumbnails Thumbnails are miniature version (less kilobytes) of i mages that have a much higher quality. To create a thumbnail, save the image in a lower quality then the original one. then link this small image to the original high quality image. Display
HTML - Text fields Before getting into detail, we have to expose a little a form's basics. Text fields have got a few attributes t hat have to be mentioned since the beginning: type - establishes the text field's type. For example: text, sending, or password. name - gives the field a name for further reference at a later date. size - sets the size of the field. maxlenght - the maximum value of characters that can be typed.
HTML - Image links With image`s help you can give a bit of life to a web page. Transforming an image in al ink is not however hard.You just need to introduce the source of the image in the interior of the tag link.
Display Top of Form
Name: Password: Bottom of Form
Display
DO NOT use this code. Data from the form will not be encrypted and will not be safe in terms of security. In most of the cases by default most of the browsers adds a border to the image used as a link, for being easy to differentiate it from a normal image. So that you would not have problems of different viewing because of the browser we can set the border to a defined value.
HTML - Email forms Let's add the send button now, shall we? Generally, the send button should be the last and to have the attribute named as 'Send', 'Submit', or something around that. We also need to specify a destination of the data entered in the form, as well as the transfer mode. This can be done by adding the following form attributes: method - We will use the "post" method. This sends the form with the information inserted without displaying the user's details. action - This will be used to specify the URL where the information will be sent.
Display
HTML - Thumbnails The thumbnails are versions in miniature(a lot less kB) of some images which in reality are bigger and with a better quality.To make a thumbnail, save the image in a poor quality and in small dimensions. Then make this image a link which will lead at the initial image of big dimension.
Display
11
Top of Form Shades of gray Name: Black and white Password:
Email Myself
Send
Bottom of Form
Bottom of Form HTML - Another types of list f orms Another model of list form is the following, in which the user selects a certain line that will be sent as the chosen option.
Just change the e-mail address to a real one for it to work! HTML - Radio Buttons The radio buttons are very popular, useful and easy to use. The most used example would be a question with more than one answer choice. The must be known attributes are the following: value - specifies what will be sent in the case in which a user select s a certain button. Only a single value will be sent. name - decides which button set does the selected button belong to.
Display Top of Form Musical preferences
Display Top of Form What type of shoes you wear ? Color:
Dark
Light Email Yours elf
Size:
Small
Average
Big
Bottom of Form
Email Myself
Another form model is the 'drop-down' menu. This will be displayed as a field, which will then show a list when a c lick is made on it.
Bottom of Form In the case in which you will replace the email address with yours you will receive an email with: 'size=(choose) color=(choose)'. HTML - Checkbox Using checkboxes the user has got the possibility of choosing one, two or more answer variants. The name and value attri butes are used the same as for the radio buttons. Display Top of Form What color shoes you prefer?
Display Top of Form Email Yourself
Level of education? Bottom of Form HTML - Upload form First of all it must be ment ioned that this form is only the interface, the visible part with which the user will be able to work with. To make a complete upload form PHP and PERL knowledge and skills, not to mention javascript.
Simple Black Simple White
12
An upload form is composed of many parts. We will start by establishing the size of the file t hat we will upload. This thing is done using a hidden field. After that, we will create the f ield in which the user will be a ble to write the address of the file or will be able to browse for it in an 'explore' window.
Row 1 Cell 1
Row 1 Cell 2
Row 2 Cell 1
Row 2 Cell 2
The content will be placed within the table's rows. A row represents what is between
and
. The border attribute e stablishes the length of the table's edge.
Display
HTML - Asymmetrical tables To form asymmetrical tables we will use 'rowspan' to cross more than one line and 'colspan' to cross more than one columns. Also, if we want that the first line to serve as titles line for all the columns we will use the
tag. These will be written with bold l etters as we will see in the following example:
HTML - Text zones, comments Generally, text zones are used to send comments. Blogs and forums are the main web pages that are using t hese kind of options. Nevertheless, there are many sites that are using these text zones to find out their user's opinion on a certain matter. To create a text zone we will first specify the rows and cols attributes within the