project File New Project Java Web Web Application
Δημιουργήστε έναν καινούριο project: File> New Project Java Web> Web Application Next {Project Name: Web. Application 1 } > Next Finish 4
File 1. html <!-To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div>file 1</div> <form name="firstform" method="post" action="dir 2/file 2. html"> <input type="text" name="textbox"> <a href="http: //localhost: 8080/Web. Application 2/dir 2/file 2. html">go to Paris</a> </form> <form name="newform" method="post" action="file 3. html"> <p>register username: <input type="submit" value="file 3"> </form> </body> </html> 8
File 3. html <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div>file 3</div> <form name="myfirstform" method="post" action="file 1. html"> <p>username: <input type="text" name="username"> <input type="submit" value="File 1"> </body> </html> 11
File 2. html <!-To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div>file 2</div> <form name="secondform" method="post" action="dir 1/file 1. html"> <a href="http: //localhost: 8080/Web. Application 2/dir 1/file 1. html">go to Athens</a> </form> </body> </html> 12
<!-To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html> <head> <title>Simple Forms</title> </head> <body> These are two simple forms. <p><p> This is the first form with horizontal alignment. <p> <form name="form 1" method="post" action="dir 1/file 1. html"> <p>Username: <input type="text" name="username 1"> Password: <input type="text" name="password 1"> <input type="submit" value="dir 1/file 1"> </form> <p><p> This is the second form with vertical alignment using tags. <p> <form name="form 2" method="post" action="dir 2/file 2. html"> <p>Username: <input type="text" name="username 2"> <p>Password: <input type="text" name="password 2"> <p><input type="submit" value="dir 2/file 2"> </form> </body> </html> 15
Form_new. html <html> <head> <title>Simple Forms</title> </head> <body> These are two simple forms. <p><p> This is the first form with horizontal alignment. <p> <form name="form 1" method="post" action="Index. html"> <p>Username: <input type="text" name="username 1"> Password: <input type="text" name="password 1"> <input type="submit" value="Index"> </form> <p><p> This is the second form with vertical alignment using tags. <p> <form name="form 2" method="post" action="Index. html"> <p>Username: <input type="text" name="username 2"> <p>Password: <input type="text" name="password 2"> <p><input type="submit" value="Index"> </form> </body> </html> 16
Index. html <!-Document : Index Created on : 24 Απρ 2015, 9: 08: 11 πμ Author : ΕΠΕΑΕΚ --> <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD HTML 4. 01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <h 2>Hello World!</h 2> </body> </html> 17
18
<!-Document : Index Created on : 24 Απρ 2015, 9: 08: 11 πμ Author : ΕΠΕΑΕΚ --> <!DOCTYPE HTML PUBLIC "-//W 3 C//DTD HTML 4. 01 Transitional//EN"> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF 8"> </head> <body> <h 2>Hello World!</h 2> <img src="diaxirisi_aoratou_2015_a. jpg" </body> </html> 19
20
http: //html-color-codes. info/ Using HTML color code for link color: <a style="color: #80 BFFF"> HTML Color Codes Theory So you are wondering "Does this weird combination of letters and numbers have any meaning? " Well the answer is "Yes" and this is how it goes: ) HTML Codes format: Each HTML code contains symbol "#" and 6 letters or numbers. These numbers are in hexadecimal numeral system. For example "FF" in hexadecimal represents number 255 in Decimal. Meaning of symbols: The first two symbols in HTML color code represents the intensity of red color. 00 is the least and FF is the most intense. The third and fourth represents intensity of green and fifth and sixth represents the intensity of blue. So with combining the intensity of red, green and blue we can mix almost any color that our heart desire; ) 22
Examples: #FF 0000 - With this HTML code we tell browser to show maximum of red and no green and no blue. The result is of course pure red color: #00 FF 00 - This HTML code shows just green and no red and blue. The result is: #0000 FF - This HTML code shows just blue and no red and green. The result is: #FFFF 00 - Combination of red and green color gives us yellow: #CCEEFF - Take some red a bit more of green and maximum of blue to get color of sky: 23
- Slides: 30