HTML Embedding, Tables and Forms

Slides:



Advertisements
Similar presentations
HTML. The World Wide Web Protocols Addresses HTML.
Advertisements

Video, audio, embed, iframe, HTML Form
CIS101 Introduction to Computing Week 05. Agenda Your questions Exam next week - Excel Introduction to the Internet & HTML Online HTML Resources Using.
Images. Tables. Frames. Forms. DMFD F2007 IT University of Copenhagen
 2008 Pearson Education, Inc. All rights reserved. 1 Introduction to HTML.
Learning HTML Week 6. Every Web Page Has the Same Basic Structure The title of your page The guts of the web page, text, graphics, links and so on.
HTML. Goals How to use the Komodo editor HTML coding and testing Basic HTML tags List and Images Tables and Links At least 2 pages and navigation
Images and Tables. Displaying Image Attributes: SRC= " mypic.gif " – Name of the picture file SRC= " pic/mygif.jpg " – Name of file found in pic directory.
Introduction to HTML. What is a Web site? A collection of "pages" or files linked together and available on the World Wide Web What do you need to create.
Creating your Webpage with tables. This is a 2 column by 1 row table!
Learning HTML. HTML Attributes HTML elements can have attributes Attributes provide additional information about an element Class – specifies a class.
Going Live with a Basic Web Page Bill Hart-Davidson AIM: billhd30 pfworkshop.
Textbooks & Reference Books -- For e-Business in Enterprises.
Copyright 2007, Information Builders. Slide 1 Understanding Basic HTML Amanda Regan Technical Director June, 2008.
Supplementary Materials on Web Authoring. Insert Anchors & Add Hyperlinks Insert other multimedia elements: Flash animations Video clips & Audio clips.
How to make and publish a web page. Create a folder.
Copyright © Terry Felke-Morris WEB DEVELOPMENT & DESIGN FOUNDATIONS WITH HTML5 7 TH EDITION Chapter 9 Key Concepts 1 Copyright © Terry Felke-Morris.
HTML ( HYPER TEXT MARK UP LANGUAGE ). What is HTML HTML describes the content and format of web pages using tags. Ex. Title Tag: A title It’s the job.
Week 2- Overview of the internet The construction of a webpage Four Key Elements – how the internet works Elements and Design concepts Introduction to.
1 CSC317/318 INTERNET PROGRAMING / DYNAMIC WEB APPLICATION DEVELOPMENT Siti Nurbaya Ismail Faculty of Computer Science & Mathematics, Universiti Teknologi.
HTML CS 105. Page Structure HTML elements control the details of how a page gets displayed. Every HTML document has the following basic structure: … …
HTML (Advanced) -forms, iframe, audio, video. Outline – Forms – iFrames – Audio/Video.
Department of Computer Science, Florida State University CGS 3066: Web Programming and Design Spring Forms, HTML5 layout.
Introduction to Web Authoring Ellen Cushman /wra210.htm Class mtg. #2.
HTML. INDEX Introduction to HTML Creating Web Pages Commands And Tags Web Page.
1 HTML. 2 Full forms WWW – world Wide Web HTTP – Hyper Text Transfer Protocol HTML – Hyper Text Markup Language.
Web Forms. Web Forms: A form allows our web visitors to submit information to us. Some examples uses for forms are to let the web user contact us, fill.
1 R3 R1 R5 R4 R6 R2 B B A A Looking at the Code Under the View menu Select Source.
HTML Help book. HTML HTML is the programming language used to make web pages for the Internet. HTML stands for Hyper Text Markup Language. HTML is made.
Introduction to Web Authoring Bill Hart-Davidson AIM: billhd30 Session 2
 Open the course to add an online class  Click on Add a Page (left side)  Type in a name  Click on Create  Click on the Content Tab  Click on Add.
Chapter 2 Markup Language By : Madam Hazwani binti Rahmat
Advanced HTML Tags:.
© 2016 Pearson Education, Inc., Hoboken, NJ. All rights reserved.
Web Systems & Technologies
HTML 5.
CNIT 131 HTML5 - Tables.
Web Pages & Web Programming
How to make and publish a web page
Client Side programming: HTML, XHTML & CSS
E-business (constructed by Dr. Hanh Pham)
Learn HTML Basics Lesson No : 10
E-business (constructed by Dr. Hanh Pham)
Web Design Web Programming HTTP
Introduction to E-business
Web Engineering Hyperlinks, Tables, Frames Lecture 04
Basic HTML.
Client Side programming: HTML, XHTML & CSS
Web Design and Development
Lesson 8 Week 8 Designing Forms
Web Server Programming: CGI(Perl/Python)
Digital Design – Copyright Law
HTML5 Media.
Client-Side Internet and Web Programming
Creating Web Page.
Web Development & Design Foundations with H T M L 5
Basic HTML and Embed Codes
Web Design and Development
Basic Steps: Set up account, log in Select theme (colors, tabs)
Creating Tables in a Web Site
Working with Multimedia
Copyright © 2011 Pearson Education, Inc
Pertemuan 1b
Presentation title here
Computer communications
Client Side programming: Javascript, Cookies
Web Client Side Technologies Raneem Qaddoura
Web Programming and Design
Copyright © 2011 Pearson Education, Inc
HTML: A brief introduction
Presentation transcript:

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)