HTML Embedding, Tables and Forms Slide # 02 HTML Embedding, Tables and Forms Web Page Design (Dr. Hanh Pham)
Web Page Design (Dr. Hanh Pham) HTML: Audios Before HTML5, there was no standard for playing audio files on a web page. Before HTML5, audio files could only be played with a plug-in (like flash). The HTML5 <audio> element specifies a standard way to embed audio in a web page. EXAMPLE at: http://www.w3schools.com/html/html5_audio.asp Web Page Design (Dr. Hanh Pham)
Web Page Design (Dr. Hanh Pham) HTML: Video Web Page Design (Dr. Hanh Pham)
Web Page Design (Dr. Hanh Pham) HTML: Videos Before HTML5, there was no standard for showing videos on a web page. Before HTML5, videos could only be played with a plug-in (like flash). The HTML5 <video> element specifies a standard way to embed a video in a web page. EXAMPLE at: http://www.w3schools.com/html/html5_video.asp Web Page Design (Dr. Hanh Pham)
HTML: Embed Youtube Videos EXAMPLE at: http://www.w3schools.com/html/html_youtube.asp Web Page Design (Dr. Hanh Pham)
HTML: Embed Youtube Videos ORIGINAL LINK: https://www.youtube.com/watch?v=r82fyOb8F5w <iframe width="840" height="630" src="http://www.youtube.com/embed/r82fyOb8F5w?autoplay=1"> </iframe> Web Page Design (Dr. Hanh Pham)
Web Page Design (Dr. Hanh Pham) HTML: tables Web Page Design (Dr. Hanh Pham)
Web Page Design (Dr. Hanh Pham) HTML: tables Tables are defined with the <table> tag. Tables are divided into table rows with the <tr> tag. Table rows are divided into table data with the <td> tag. A table row can also be divided into table headings with the <th> tag. EXAMPLE at: http://www.w3schools.com/html/html_tables.asp Web Page Design (Dr. Hanh Pham)
HTML: Forms
HTML: Forms <HTML> <HEAD> <TITLE>Register</TITLE> </HEAD> <BODY TEXT="#000000" LINK="#0000ff" VLINK="#800080"> <FONT SIZE=5 COLOR="#ff0000"><STRONG><P ALIGN="CENTER">Customer Registration</P></FONT></STRONG> <P><HR></P> <FORM method = "post" enctype= "multipart/form-data" action = "p1.pl"> <DIR> <B><FONT FACE="Arial" SIZE=2 COLOR="#ff0000"> <P>Your Email : </B></FONT><INPUT TYPE="TEXT" NAME="UserName"><B><FONT FACE="Arial" SIZE=2 COLOR="#ff0000"> <P>Password : </B></FONT><INPUT TYPE="PASSWORD" NAME="Password"><B><FONT FACE="Arial" SIZE=2 COLOR="#ff0000"> <P>Phone Number : </B></FONT><INPUT TYPE="TEXT" NAME="Email"></P><B><FONT FACE="Arial" SIZE=2 COLOR="#ff0000"> <P>How To Call You : </B></FONT> <input type="radio" value="blue" NAME="salute">Mr. <input type="radio" value="cyan" NAME="salute">Mrs. <input type="radio" value="red" NAME="salute">Kid </DIR> <P ALIGN="CENTER"><INPUT TYPE="submit" VALUE="SIGN UP"></P> </FORM> </BODY> </HTML>
HTML: Form1 <html> <body> <FORM method = "post" enctype= "multipart/form-data" action = "p1.pl"> Enter Your Title: <input TYPE= "TEXT" NAME="title" > </FORM> </body> </html>
HTML: Form2 <html> <body> <FORM method = "post" enctype= "multipart/form-data" action = "p1.pl"> Enter Your Title: <input TYPE= "TEXT" NAME="title" > Enter Your SSN: <input TYPE= "TEXT" NAME=“number" > </FORM> </body> </html>
Web Page Design (Dr. Hanh Pham) References Most of materials in this slide come from: searchcio.techtarget.com tutorialspoint.com http://jan.newmarch.name/ecommerce/session.html http://www.w3schools.com/ http://www.w3.org/ Many pictures here are downloaded from the Internet from various sites such as netbean.org, http://people.cis.ksu.edu/~reshma, grin.com … Wikipedia "Developing Distributed and E-commerce Applications", Darrel Ince, 2nd Edition, Pearson Addison Wesley “Web Programming and Internet Technologies: An E-commerce Approach”, Porter Scobey, Pawan Lingras, Jones & Bartlett Publishers, 2013 “Electronic Commerce”, 11th Edition, Cengage Learning, Gary Schneider, 2015 Internet & World Wide Web How to Program, 5/e, Paul J. Deitel, Harvey M. Deitel, Abbey Deitel Introduction to Electronic Commerce, 3/E, Efraim Turban, David King, Judy Lang, Pearson, 2011 Web Page Design (Dr. Hanh Pham)