Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • M0114002012012407302 - Understanding HTML, XHTML, CSS, JavaScript2

    Cargado por

    rachma_yunita
    22 vistas16 páginas
    HTML and XHTML -> developing web pages that adhere to the very latest web standards E.g: HTML5 HTML5 adds many new features from previous version - E.g.,, elements CSS can be used for any web pages that using this CSS 11 CSS style sheet CSS Example H1 font-size: 14pt; font-family: Verdana will change the font style into Verdana font, size 14pt. Javascript Developed by Netscape Communications Corporation Extensions

    Descripción original:

    Título original

    M0114002012012407302_Understanding HTML, XHTML, CSS, JavaScript2

    Derechos de autor

    © Attribution Non-Commercial (BY-NC)

    Formatos disponibles

    PPT, PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Denunciar este documento
    HTML and XHTML -> developing web pages that adhere to the very latest web standards E.g: HTML5 HTML5 adds many new features from previous version - E.g.,, elements CSS can be used for any web pages that using this CSS 11 CSS style sheet CSS Example H1 font-size: 14pt; font-family: Verdana will change the font style into Verdana font, size 14pt. Javascript Developed by Netscape Communications Corporation Extensions

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    22 vistas16 páginas

    M0114002012012407302 - Understanding HTML, XHTML, CSS, JavaScript2

    Cargado por

    rachma_yunita
    HTML and XHTML -> developing web pages that adhere to the very latest web standards E.g: HTML5 HTML5 adds many new features from previous version - E.g.,, elements CSS can be used for any web pages that using this CSS 11 CSS style sheet CSS Example H1 font-size: 14pt; font-family: Verdana will change the font style into Verdana font, size 14pt. Javascript Developed by Netscape Communications Corporation Extensions

    Copyright:

    Attribution Non-Commercial (BY-NC)
    Descargue como PPT, PDF, TXT o lea en línea desde Scribd
    Marcar por contenido inapropiado
    de 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

    También podría gustarte