Download presentation
Presentation is loading. Please wait.
1
HTML Embedding, Tables and Forms
Slide # 02 HTML Embedding, Tables and Forms Web Page Design (Dr. Hanh Pham)
2
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: Web Page Design (Dr. Hanh Pham)
3
Web Page Design (Dr. Hanh Pham)
HTML: Video Web Page Design (Dr. Hanh Pham)
4
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: Web Page Design (Dr. Hanh Pham)
5
HTML: Embed Youtube Videos
EXAMPLE at: Web Page Design (Dr. Hanh Pham)
6
HTML: Embed Youtube Videos
ORIGINAL LINK: <iframe width="840" height="630" src=" </iframe> Web Page Design (Dr. Hanh Pham)
7
Web Page Design (Dr. Hanh Pham)
HTML: tables Web Page Design (Dr. Hanh Pham)
8
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: Web Page Design (Dr. Hanh Pham)
9
HTML: Forms
10
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 </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=" "></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>
11
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>
12
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>
13
Web Page Design (Dr. Hanh Pham)
References Most of materials in this slide come from: searchcio.techtarget.com tutorialspoint.com Many pictures here are downloaded from the Internet from various sites such as netbean.org, 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)
Similar presentations
