Scribd
Upload
48 views

M0114002012012407302 - Understanding HTML, XHTML, CSS, JavaScript2

This document provides an overview of key topics in web-based programming including HTML, XHTML, CSS, and JavaScript. It begins with reviewing concepts from the previous session and then outlines the agenda for the current session. The learning outcomes are explained as explaining website programming concepts and choosing appropriate programming techniques. HTML is introduced as the core markup language used to structure web pages. HTML5 is discussed as extending HTML with new elements and features. Cascading Style Sheets (CSS) allows creating standardized styles for websites. JavaScript enables making web pages interactive by modifying elements and handling events. The next session is previewed to cover basic HTML tags.

Uploaded by

rachma_yunita
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
48 views

M0114002012012407302 - Understanding HTML, XHTML, CSS, JavaScript2

This document provides an overview of key topics in web-based programming including HTML, XHTML, CSS, and JavaScript. It begins with reviewing concepts from the previous session and then outlines the agenda for the current session. The learning outcomes are explained as explaining website programming concepts and choosing appropriate programming techniques. HTML is introduced as the core markup language used to structure web pages. HTML5 is discussed as extending HTML with new elements and features. Cascading Style Sheets (CSS) allows creating standardized styles for websites. JavaScript enables making web pages interactive by modifying elements and handling events. The next session is previewed to cover basic HTML tags.

Uploaded by

rachma_yunita
Copyright
© Attribution Non-Commercial (BY-NC)
Available Formats
Download as PPT, PDF, TXT or read online on Scribd
You are on page 1/ 16

Course Year

: M0114 Web-based Programming : 2012

Understanding HTML, XHTML, CSS, JavaScript Session 2

Last Session Review


Website Introduction
History of HTML and the World Wide Web Web Content Web Content Delivery Web Programming Tools for developing website

Agenda
HTML HTML and XHTML HTML 5 CSS JavaScript

Learning Outcomes: LO 1: Explain website programming concepts LO 2: Choose appropriate programming language techniques to deal with the user requirements

HTML
HyperText Markup Language Extensions
.HTM .HTML

Not case-sensitive Client-side programming We can see the source code Starting with < and ending with >

HTML Tags
Opening tag
Start of an HTML command E.g: <html>

Closing tag
Indicates the end of an HTML command E.g: </html>

Empty tag
An HTML command without enclosing any text in the page E.g: <br /> and <img />

With HTML Tags


We can:
Put some text Insert image Insert video Insert music Create table Create links Create form etc

HTML & XHTML


XHTML = more structured version of HTML Targeting XHTML 1.1 -> developing web pages that adhere to the very latest web standards E.g:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

HTML 5
HTML5 adds many new features from previous version
E.g: <embed>, <video>, <audio> elements

New features:
New Elements New Attributes Full CSS3 Support Video and Audio

HTML 5
New features (continued):
2D/3D Graphics Local Storage Local SQL Database Web Applications

10

CSS
Cascading Style Sheets Extensions
.CSS

Client-side programming Can combined with HTML tags Create a style for your website
E.g: font style, size, color, padding, align, etc

Standardization for your website layout


E.g: CSS can be used for any web pages that using this CSS
11

CSS Example
H1 { font-size: 14pt; font-family: Verdana; } It means, every web pages that have <H1></H1> html tag will change the font style into Verdana font, size 14pt

12

JavaScript
Developed by Netscape Communications Corporation Extensions
.JS

Client-side programming Can combined with HTML tags Make your web more dynamic and interactive
E.g: display messages to the user, validate form, calculations, animate images
13

Summary
The usage of:
HTML HTML & XHTML HTML5 CSS JavaScript

14

Next Session
HTML - Basic
Basic HTML tags Headers Fonts Text alignments Special characters Horizontal Rules Paragraph Line Break

15

End of Web-based Programming Session 2

Thank you
16

You might also like