Structure type dun document XHTML
|
|
|
- Janel Davis
- 5 years ago
- Views:
From this document you will learn the answers to the following questions:
What does the titre du document HTML Type : - Attributs have?
What type of Type : en ligne Attributs?
What did la ligne et trait Balise do?
Transcription
1 XHTML
2 Structure type dun document XHTML
3 Structure type dun document XHTML <?xml version="1.0" encoding="utf-8"?>
4 Structure type dun document XHTML <?xml version="1.0" encoding="utf-8"?> <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
5 Structure type dun document XHTML <?xml version="1.0" encoding="utf-8"?> <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" </html>
6 Structure type dun document XHTML <?xml version="1.0" encoding="utf-8"?> <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>structure</title> </head> </html>
7 Structure type dun document XHTML <?xml version="1.0" encoding="utf-8"?> <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" " <html xmlns=" <head> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <title>structure</title> </head> <body> </body> </html>
8 Structure type dun document XHTML <DOCTYPE Ä > <html> <head> Ä Ä </head> <body> Ä Ä </body> </html>
9 Balise <balise> Ä </balise> <h1> </h1> Texte < balise / > < br / >
10 Attribut de balise <balise attribut ="valeur" > Ä </balise> <table id="titre"> Texte </table> < balise attribut = " valeur " / > < img src= " photo.jpg" / >
11 Les donn «±es Les textes Les URI Les couleurs d «±finies par un nom ou un nombre Les longueurs d «±finies en pixel ou en porcent Les types de contenus Les codages de caract «²res
12 CHARSETS
13 Les entit «±s HTML «à à «± é é «² è è «ç ç espace
14 Les URI Les URL Çs absolues Exemples
15 Les URL Çs relatives construite en d «±finissant un chemin depuis l Çadresse du fichier XHTML dans lequel cette URL est d «±finie../ correspond au dossier actuel../ correspond au dossier parent / correspond au dossier racine du site
16 Les couleurs
17 Les types de contenus text/html text/palin text/css application/javascript image/jpeg multipart/form-data contenu HTML texte sans mise en forme contenu CSS contenu JavaScript contenu JPEG cfr. formulaire
18 Encodage de caract «²res ISO ISO-latin-1 IBM819 windows-1252 utf-8 macroman
19 < > Les commentaires
20 Balises dent «Žte : meta <meta http-equiv = " Ä " content = " Ä " /> <meta http-equiv="content-type" content="text/html;charset=utf-8"/> <meta http-equiv=""pragma" content=""no-cache"/> <meta name = " Ä " content = " Ä " /> <meta name=""keywords" content="" «±cologie, «±nergie"/> <meta name=""author" content=""bonjean Steve"/>
21 Balises dent «Žte : title Balise: < title> titre du document HTML Type : - Attributs : <title> Cours de XHTML </title>
22 Les textes et les listes
23 Les titres Balise: < h1>,<h2>, <h3>, < h4>, <h5>, < h6> Type : bloc Attributs : <h1> Le titre 1 </h1> <h2> Le titre 2 </h2> <h3> Le titre 3 </h3> <h4> Le titre 4 </h4> <h5> Le titre 5 </h5> <h6> Le titre 6 </h6> Le titre 1 Le titre 2 Le titre 3 Le titre 4 Le titre 5 Le titre 6
24 H1 a une valeur de 200 % par rapport «la valeur de body H2 a une valeur de 150 % par rapport «la valeur de body H3 a une valeur de 120 % par rapport «la valeur de body H4 a une valeur de 100 % par rapport «la valeur de body H5 a une valeur de 90 % par rapport «la valeur de body H6 a une valeur de 60 % par rapport «la valeur de body
25 Les paragraphes Balise: < p> Type : bloc Attributs : <p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. </p> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
26 La mise en «±vidence Balise: <em> Ä. </em> mise en «±vidence faible Type : en ligne Attributs : <em> Lorem ipsum... </em> Lorem ipsum... Balise : <strong> Ä. </strong> mise en «±vidence forte Type : en ligne Attributs : <strong> Lorem ipsum... </strong> Lorem ipsum...
27 Information sur l'auteur Balise : <address> Ä. </address> informations sur l'auteur Type : bloc Attributs : <address>lorem ipsum...</address> Lorem ipsum...
28 Retour «la ligne et trait Balise: <br / > retour «la ligne suivante Type : en-ligne Attributs : Lorem <br/> ipsum... Lorem ipsum... Balise: <hr / > trait horizontal Type : bloc Attributs : Lorem <hr/> ipsum... Lorem ipsum...
29 Acronyme, abr «±viation et d «±finition Balise: <acronym> Ä. </acronym> acronyme Type : en ligne Attributs : title = Ä <acronym title="institut National dassurance Maladie Invalidit «±"> INAMI </acronym> INAMI Balise : <abbr> Ä. </abbr> abr «±viation Type : en ligne Attributs :title = Ä <abbr title="et caetera"> etc.</abbr> Balise : <dfn> Ä. </dfn> d «±finition Type : en ligne Attributs :title = Ä <dfn> Lorem ipsum... <dfn> etc. Lorem ipsum...
30 Les citations Balise: <q> Ä. </q> citation courte Type : en ligne Attributs : <q>lorem ipsum...</q> "Lorem ipsum Ä" Balise : <cite> Ä. </cite> citation moyenne Type : en ligne Attributs : Lorem ipsum... <cite>lorem ipsum...</cite> Balise : <blockquote> Ä. </blockquote> citation longue Type : bloc Attributs : <blockquote>lorem ipsum...</blockquote> Lorem ipsum...
31 Code, sortie, saisie clavier Balise: <code> Ä. </code> code informatique Type : en ligne Attributs : <code>lorem ipsum...</code> Balise : <samp> Ä. </samp> exemple de sortie Type : en ligne Attributs : <samp>lorem ipsum...</samp> Balise : <kbd> Ä. </kbd> saisie clavier Type : en ligne Attributs : Lorem ipsum... Lorem ipsum... <kbd>lorem ipsum...</kbd> Lorem ipsum...
32 Insertion, suppression Balise: <ins> Ä. </ins> texte ins «±r «± Type : en ligne Attributs : <ins> Lorem ipsum... </ins> Lorem ipsum... Balise : <del> Ä. </del> texte supprim «± Type : en ligne Attributs : <del> Lorem ipsum... </del> Lorem ipsum...
33 Indice, exposant Balise: <sub> Ä. </sub> texte en indice Type : en ligne Attributs : <sub> Lorem ipsum... </sub> Lorem ipsum... Balise : <sup> Ä. </sup> texte en exposant Type : en ligne Attributs : <sup> Lorem ipsum... </sup> Lorem ipsum...
34 Les listes ordonn «±es (1) Balise: <ol> liste ordonn «±es Type : bloc Attributs :type, start Balise: <li> «±l «±ment d'une liste Type : bloc Attributs : value <ol> <li>el «±ment 1</li> <li>el «±ment 2</li> </ol> 1. El «±ment 1 2. El «±ment 2
35 Les listes ordonn «±es (2) <ol type="a" start="3"> <li>el «±ment 1</li> <li>el «±ment 2</li> </ol> C. El «±ment 1 D. El «±ment 2 <ol> <li value="34">el «±ment 1</li> <li value="52">el «±ment 2</li> <li>el «±ment 3</li> </ol> 34. El «±ment El «±ment El «±ment 3.
36 Les listes non-ordonn «±es Balise: <ul> Type : bloc Attributs :type <ul> <li>el «±ment 1</li> <li>el «±ment 2</li> </ul> <ul type="circle"> <li>el «±ment 1</li> <li>el «±ment 2</li> </ul> El «±ment 1 El «±ment 2 o El «±ment 1 o El «±ment 2
37 Les listes de d «±finitions Balise: <dl> Type : bloc Attributs : Balise: <dt> terme «d «±finir Type : bloc Attributs : Balise: <dd> d «±finition Type : bloc Attributs : <dl> <dt>html</dt> <dd>hypertext Markup Language</dd> </dl> HTML HyperText Markup Language
38 Les images
39 Les images (1) Balise: <image/> Type : en-ligne Attributs : src, alt, usemap, border,width,height <img src="lion.jpg" alt="photo de lion" border="1" width="200" />
40 Les images (2) Balise: <map> Type : - Attributs : shape, coords, href Balise: <area/> Type : - Attributs : shape, coords, href, title, alt <img src="belgique.gif" alt="photo de Belgique" usemap="#carte" border="0" /> <map name="carte"> <area shape="rect" coords="221,125,250,157" href="bruxelles.html"/> </map>
41 Les images (3) Image map avec Photoshop CS2 Gimp
42 Les liens
43 Les liens (1) Balise: <a> Type : en-ligne Attributs : href, name, target <a href=" le site d'apple</a> <a href="pageb.html">visitez le page B</a>
44 Les liens (2) <a href="#suite">aller «la suite sur la m «Žme page </a> <a id="suite"/> Ceci est la suite <a href="#suite">aller «la suite sur la m «Žme page </a> <h1 id="suite">ceci est la suite</h1>
45 Les tableaux
46 Les tableaux (1) Balise: <table> Type : bloc Attributs :summary, border, width, cellspacing, cellpadding, frame, rules Balise: <tr> ligne d'un tableau Type : bloc Attributs : Balise: <th> cellule de rubrique Type : bloc Attributs : rowspan, colspan, width, height, algn, valign Balise: <td> cellule d'un tableau Type : bloc Attributs : rowspan, colspan, width, height, align, valign
47 Les tableaux (2) <table border="1px"> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> <tr> <td>contenu de la cellule 3</td> <td>contenu de la cellule 4</td> </tr> </table>
48 Les tableaux (3) <table border="1px" width="300px"> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> <tr> <td>contenu de la cellule 3</td> <td>contenu de la cellule 4</td> </tr> </table>
49 Les tableaux (4)
50 Les tableaux (5) <table border="1px" width="400px"> <tr> <th>titre 1</th> <th>titre 2</th> </tr> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> </table>
51 Balise: <caption> l «±gende de tableau Type : bloc Attributs : Les tableaux (6)
52 Les tableaux (7) <table border="1px" width="400px"> <caption>l «±gende du tableau</caption> <tr> <th>titre 1</th> <th>titre 2</th> </tr> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> </table>
53 Les tableaux (8) <table cellspacing="10px" cellpadding="20px" border="1px" width="500px"> <tr> <td>cellule 1</td> <td>cellule 2</td> </tr> <tr> <td>cellule 3</td> <td>cellule 4</td> </tr> </table>
54 Les tableaux (9) <table border="1px" width="400px"> <caption>l «±gende du tableau</caption> <tr> <th colspan="2">titre 1</th> </tr> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> </table>
55 Les tableaux (10) Balise: <thead> en-t «Žte du tableau Type : - Attributs Balise: <tbody> coprs du tablea Type : - Attributs : Balise: <tfoot> pied du tableau Type : - Attributs :
56 Les tableaux (11) <table border="1px" width="400px"> <caption>l «±gende du tableau</caption> <thead> <tr> <th>titre 1</th> <th>titre 2</th> </tr> <thead> <tbody> <tr> <td>contenu de la cellule 1</td> <td>contenu de la cellule 2</td> </tr> </tbody> </table>
57 Balise: <col> en-t «Žte du tableau Type : - Attributs span width Les tableaux (12)
58 Les tableaux (13) <table border="1px" width="500px"> <col span="2" width="100px"/> <tr> <td>cellule 1</td> <td>cellule 2</td> <td>cellule 3</td> </tr> <tr> <td>cellule 4</td> <td>cellule 5</td> <td>cellule 6</td> </tr> </table>
59 Les formulaires
60 Les formulaires (1) Balise: < form> Type : bloc Attributs : action, method, enctype <form action=" method="get" enctype="application/x-www-form-urlencoded" > </form> <form action=" method="post" enctype="multipart/form-data" > </form>
61 Les formulaires (2) Balise: < input type="text" /> Type : en)ligne Attributs : name, size, maxlength, value <form action=" method="post" > <p> <input name="pr «±nom" type="text" value="blabla" size="15" maxlength="20"/> </p> </form>
62 Les formulaires (3) Balise: < input type="submit" /> Type : en)ligne Attributs : name, value, id <form action=" method="post" > <label>entrez votre pr «±nom </label> <input name="pr «±nom" type="text" size="15" /> <br/><br/> <input type="submit" value="envoyer ces donn «±es"> </form>
63 Les formulaires (4) Balise: < input type="password" /> Type : en)ligne Attributs : name, size, maxlength, value <form action=" method="post" > <p> <input name="mp" type="password" value="blabla" size="15" maxlength="20"/> </p> </form>
64 Les formulaires (5) Balise: < label> Type : en)ligne Attributs : for <form action=" method="post" > <p> <label>entrez votre pr «±nom </label> <input name="pr «±nom" type="text" value="blabla" size="15" maxlength="20"/> </p> </form>
65 Les formulaires (6) Balise: < input type="radio" /> Type : en)ligne Attributs : name, checked, value, id <form action=" method="post" > <p> <label > Cliquez ici si vous «Žtes abbon «± </label> <input name="aonnn «±" type="radio" value="ab" /> </p> </form>
66 Les formulaires (7) <form action=" method="post" > <p> <label for= "ab-bouton"> Cliquez ici si vous «Žtes abbon «± </label> <input name="aonnn «±" type="radio" value="ab" id="ab-bouton"/> </p> </form>
67 Les formulaires (8) <form action=" method="post" > <label> Sexe </label> <br /> <input name="sexe" type="radio" value="homme" id="h-bouton"/> <label for= "h-bouton"> homme </label> <br /> <input name="sexe" type="radio" value="femme" id="f-bouton"/> <label for= "f-bouton"> femme </label> <br /> </form>
68 Les formulaires (9) Balise: < input type="checkbox" /> Type : en)ligne Attributs : name, checked, value, id <form action=" method="post" > <label> Sous quel type d'os travaillez-vous? </label> <br /> <input name="windows" type="checkbox" value="oui" id="w-bouton" /> <label for="w-bouton"> Windows </label> <br /> <input name="macos" type="checkbox" value="oui" id="m-bouton" /> <label for="m-bouton"> MacOS </label> <br /> <input name="linux" type="checkbox" value="oui" id="l-bouton" /> <label for="l-bouton"> Linux </label> <br /> </form>
69 Les formulaires (10) Balise: < input type="reset" /> Type : en-ligne Attributs : name, value Balise: < input type="button" /> Type : en-ligne Attributs :
70 Les formulaires (11) Balise: < select> Type : bloc Attributs : name, size, multiple Balise: < optgroup> Type : - Attributs : label Balise: < option> Type : - Attributs : selected, value
71 Les formulaires (12) <form action=" method="post" > <select name="pays" > <optgroup label="europe"> <option> Belgique </option> <option> France </option> </optgroup> <optgroup label="asie"> <option> Chine </option> <option> Japon </option> </optgroup> </select> </form>
72 Les formulaires (13) Balise: < textarea> Type : en-ligne Attributs : name, rows, cols <form action=" method="post" > <label>commentaires </label><br/> <textarea name="commentaires" rows="5" cols="40"> Inscrivez notre commantaire ici </textarea> </form>
73 Les formulaires (14) Balise: < input type="file" /> Type : en-ligne Attributs : name <form action=" method="post" enctype="multipart/form-data" > <label>s «±lectionner sur votre disque une photo «envoyer </label> <input type="file" name="photo" /> </form>
74 Les formulaires (15) Balise: < fieldset> Type : bloc Attributs : Balise: < legend > Type : bloc Attributs :
75 Les formulaires (16) <form action=" method="post" > <fieldset> <legend> Donn «±es personnelles </legend> <label>nom </label> <input name="nom" type="text" size="25" maxlength="40"/> <br /> <label>pr «±nom </label> <input name="pr «±nom" type="text" size="25" maxlength="40" /> <br /> </fieldset> </form>
76 Les formulaires (17) Attribut tabindex Balise a, area, button, input, object, select, textarea. Attribut disabled Balise input, select, textarea
77 Les objets
78 Les objets (1) Balise: <obect> Type : en-ligne Attributs : type, data, classid, codebasse <object type="application/x-shockwave-flash" data ="anim.swf" width="600" height ="400"> <param name="movie" value="anim.swf"/> </object> <object type="video/mpeg" data="test.mpg" width="320" height="255"> <param name="src" value="test.mpg"> <param name="autoplay" value="false"> <param name="autostart" value="0"> </object>
79 Les objets (2) <object classid="clsid:d27cdb6e-ae6d-11cf-96b " codebase=" swflash.cab#version=9,0,0,0" width="550" height="400" id="anim" align="middle"> <param name="allowscriptaccess" value="samedomain" /> <param name="allowfullscreen" value="false" /> <param name="movie" value="anim.swf" /> <param name="quality" value="high" /> <param name="bgcolor" value="#ffffff" /> <embed src="anim.swf" quality="high" bgcolor="#ffffff" width="550" height="400" name="anim" align="middle" allowscriptaccess="samedomain" allowfullscreen="false" type="application/x-shockwave-flash" pluginspage=" /> </object>
80 Les objets (3) Mpeg sur le Web
81 Les cadres
82 Les cadres (1) Balise: <frameset> Type : Attributs : rows, cols Balise: <frame/> Type : - Attributs : src, frameborder, scrolling, marginwidth, marginheight <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="fr" lang="fr"> <head> </head> <frameset cols="50%,50%"> <frame name="..." src="..." /> <frame name="..." src="..." /> </frameset> </html>
83 Les cadres (2)
84 Les cadres (3) <DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" " <html xmlns=" xml:lang="fr" lang="fr"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <title>les cardes</title> </head> <frameset cols="250,*" > <frame name="gauche" src="..."/> <frameset rows="150,*" > <frame name="haut" src="... /> <frame name="bas" src="..."/> </frameset> </frameset> </html>
85 Les cadres (4)
86 Balises g «±n «±riques Balise: <div>... </div> Type : bloc Attributs : Balise: <span>... </span> Type : en-ligne Attributs :
87 Balise : link Balise: < link /> Type : - Attributs rel, type, href, meta <link rel="stylesheet" type="text/css" href="monstyle.css" />
88 Balise : style Balise: < style> Type : - Attributs : type, media <style type = "text/css" media = ""screen" >... </style>
89 Balise : script Balise: <script> Type : - Attributs type, src <script type = "text/javascript">... </script> <script type="text/javascript" src=" " fonctions.js" />
HTML5 and CSS3 The Future of the Web Programming HTML. Sergio Luján Mora
HTML5 and CSS3 The Future of the Web Programming HTML Sergio Luján Mora 1 Content Introduction HTML syntax Differences HTML/XHTML Tags More information INTRODUCTION 2 Wikipedia: Introduction HyperText
XHTML BASICS. Institute of Finance Management CIT Department Herman Mandari
XHTML BASICS Institute of Finance Management CIT Department Herman Mandari HTML Styles Introduces CSS to HTML The main purposes is to provide a common way to style all HTML elements Examples
Introduction to XHTML. 2010, Robert K. Moniot 1
Chapter 4 Introduction to XHTML 2010, Robert K. Moniot 1 OBJECTIVES In this chapter, you will learn: Characteristics of XHTML vs. older HTML. How to write XHTML to create web pages: Controlling document
Introduction to HTML
Introduction to HTML What is an HTML File? HTML stands for Hyper Text Markup Language An HTML file is a text file containing small markup tags The markup tags tell the Web browser how to display the page
Website Planning Checklist
Website Planning Checklist The following checklist will help clarify your needs and goals when creating a website you ll be surprised at how many decisions must be made before any production begins! Even
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012)
WEB DESIGN LAB PART- A HTML LABORATORY MANUAL FOR 3 RD SEM IS AND CS (2011-2012) BY MISS. SAVITHA R LECTURER INFORMATION SCIENCE DEPTATMENT GOVERNMENT POLYTECHNIC GULBARGA FOR ANY FEEDBACK CONTACT TO EMAIL:
HTML, CSS, XML, and XSL
APPENDIX C HTML, CSS, XML, and XSL T his appendix is a very brief introduction to two markup languages and their style counterparts. The appendix is intended to give a high-level introduction to these
Web Development 1 A4 Project Description Web Architecture
Web Development 1 Introduction to A4, Architecture, Core Technologies A4 Project Description 2 Web Architecture 3 Web Service Web Service Web Service Browser Javascript Database Javascript Other Stuff:
Introduction to Web Design Curriculum Sample
Introduction to Web Design Curriculum Sample Thank you for evaluating our curriculum pack for your school! We have assembled what we believe to be the finest collection of materials anywhere to teach basic
Introduction... 3. Designing your Common Template... 4. Designing your Shop Top Page... 6. Product Page Design... 8. Featured Products...
Introduction... 3 Designing your Common Template... 4 Common Template Dimensions... 5 Designing your Shop Top Page... 6 Shop Top Page Dimensions... 7 Product Page Design... 8 Editing the Product Page layout...
Script Handbook for Interactive Scientific Website Building
Script Handbook for Interactive Scientific Website Building Version: 173205 Released: March 25, 2014 Chung-Lin Shan Contents 1 Basic Structures 1 11 Preparation 2 12 form 4 13 switch for the further step
CSE 3. Marking Up with HTML. Tags for Bold, Italic, and underline. Structuring Documents. An HTML Web Page File
CSE 3 Comics Updates Shortcut(s)/Tip(s) of the Day Google Earth/Google Maps ssh Anti-Spyware Chapter 4: Marking Up With HTML: A Hypertext Markup Language Primer Fluency with Information Technology Third
Interaction between browser and server. HTML (Hyper Text Markup Language)
Interaction between browser and server The client/server model is a computing model that acts as a distributed application which partitions tasks or workloads between the providers of a resource or service,
Thursday, February 7, 2013. DOM via PHP
DOM via PHP Plan PHP DOM PHP : Hypertext Preprocessor Langage de script pour création de pages Web dynamiques Un ficher PHP est un ficher HTML avec du code PHP
Web Programming with XHTML
Web Programming with XHTML Christophe Lecoutre [email protected] IUT de Lens - CRIL CNRS UMR 8188 Université d Artois France Département SRC - 2011/2012 1 Outline 1 Introduction 2 Basic Elements and Attributes
Chapter 2 HTML Basics Key Concepts. Copyright 2013 Terry Ann Morris, Ed.D
Chapter 2 HTML Basics Key Concepts Copyright 2013 Terry Ann Morris, Ed.D 1 First Web Page an opening tag... page info goes here a closing tag Head & Body Sections Head Section
PSU 2012. Customization: Foundations. Customization: Foundations. The Cost of Modifying PowerSchool Pages. Languages of PowerSchool Customization
PSU 2012 Customization: Foundations Customization: Foundations Create your own unique look and feel for the web pages on your school s PowerSchool server. Work with HTML and Cascading Style Sheets to create
HTML Basics(w3schools.com, 2013)
HTML Basics(w3schools.com, 2013) What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language. HTML is a markup language A markup language is a set of markup tags.
Web Design Basics. Cindy Royal, Ph.D. Associate Professor Texas State University
Web Design Basics Cindy Royal, Ph.D. Associate Professor Texas State University HTML and CSS HTML stands for Hypertext Markup Language. It is the main language of the Web. While there are other languages
HTML Tables. IT 3203 Introduction to Web Development
IT 3203 Introduction to Web Development Tables and Forms September 3 HTML Tables Tables are your friend: Data in rows and columns Positioning of information (But you should use style sheets for this) Slicing
New Perspectives on Creating Web Pages with HTML. Considerations for Text and Graphical Tables. A Graphical Table. Using Fixed-Width Fonts
A Text Table New Perspectives on Creating Web Pages with HTML This figure shows a text table. Tutorial 4: Designing a Web Page with Tables 1 2 A Graphical Table Considerations for Text and Graphical Tables
ICE: HTML, CSS, and Validation
ICE: HTML, CSS, and Validation Formatting a Recipe NAME: Overview Today you will be given an existing HTML page that already has significant content, in this case, a recipe. Your tasks are to: mark it
Introduction to Web Design Final Review - Farris
1. Choose the organization listed below that takes a proactive role in developing recommendations and prototype technologies related to the Web. a. Web Professional Standards Organization (WPO) b. Internet
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D
BASICS OF WEB DESIGN CHAPTER 2 HTML BASICS KEY CONCEPTS COPYRIGHT 2013 TERRY ANN MORRIS, ED.D 1 LEARNING OUTCOMES Describe the anatomy of a web page Format the body of a web page with block-level elements
CS412 Interactive Lab Creating a Simple Web Form
CS412 Interactive Lab Creating a Simple Web Form Introduction In this laboratory, we will create a simple web form using HTML. You have seen several examples of HTML pages and forms as you have worked
HTML Forms and CONTROLS
HTML Forms and CONTROLS Web forms also called Fill-out Forms, let a user return information to a web server for some action. The processing of incoming data is handled by a script or program written in
<script type="text/javascript"> var _gaq = _gaq []; _gaq.push(['_setaccount', 'UA 2418840 25']); _gaq.push(['_trackpageview']);
![<script type=text/javascript> var _gaq = _gaq []; _gaq.push(['_setaccount', 'UA 2418840 25']); _gaq.push(['_trackpageview']);](/thumbs/39/19204685.jpg "<script type=text/javascript> var _gaq = _gaq []; _gaq.push(['_setaccount', 'UA 2418840 25']); _gaq.push(['_trackpageview']);")
HTML & XHTML Tag Quick Reference
HTML & XHTML Tag Quick Reference Interactive Media Center This reference notes some of the most commonly used HTML and XHTML tags. It is not, nor is it intended to be, a comprehensive list of available
Caldes CM12: Content Management Software Introduction v1.9
Caldes CM12: Content Management Software Introduction v1.9 Enterprise Version: If you are using Express, please contact us. Background Information This manual assumes that you have some basic knowledge
Accessibility in e-learning. Accessible Content Authoring Practices
Accessibility in e-learning Accessible Content Authoring Practices JUNE 2014 Contents Introduction... 3 Visual Content... 3 Images and Alt... 3 Image Maps and Alt... 4 Meaningless Images and Alt... 4 Images
Atable is an orderly arrangement of data distributed across a grid of rows and
7 Tables and Layout Atable is an orderly arrangement of data distributed across a grid of rows and columns similar to a spreadsheet. In printed documents, tables commonly serve a subordinate function,
Web. 2 HTML Frames. core. programming. Agenda
core Web programming HTML Frames 1 2001-2003 Marty Hall, Larry Brown http:// Agenda Advantages and disadvantages of frames FRAME template Defining rows and cols in a FRAMESET Common FRAME and FRAMESET
Web Design with Dreamweaver Lesson 4 Handout
Web Design with Dreamweaver Lesson 4 Handout What we learned Create hyperlinks to external websites Links can be made to open in a new browser window Email links can be inserted onto webpages. When the
Advanced Web Design. Zac Van Note. www.design-link.org
Advanced Web Design Zac Van Note www.design-link.org COURSE ID: CP 341F90033T COURSE TITLE: Advanced Web Design COURSE DESCRIPTION: 2/21/04 Sat 9:00:00 AM - 4:00:00 PM 1 day Recommended Text: HTML for
Web Building Blocks. Joseph Gilbert User Experience Web Developer University of Virginia Library joe.gilbert@virginia.
Web Building Blocks Core Concepts for HTML & CSS Joseph Gilbert User Experience Web Developer University of Virginia Library [email protected] @joegilbert Why Learn the Building Blocks? The idea
Further web design: HTML forms
Further web design: HTML forms Practical workbook Aims and Learning Objectives The aim of this document is to introduce HTML forms. By the end of this course you will be able to: use existing forms on
ICT 6012: Web Programming
ICT 6012: Web Programming Covers HTML, PHP Programming and JavaScript Covers in 13 lectures a lecture plan is supplied. Please note that there are some extra classes and some cancelled classes Mid-Term
Semantic HTML. So, if you're wanting your HTML to be semantically-correct...
Semantic HTML Contents Ben Hunt, Scratchmedia, 2008 Introduction to semantic HTML Why semantically correct HTML is better (ease of use, accessibility, SEO and repurposing) Comprehensive list of HTML tags,
CSS Techniques: Scrolling gradient over a fixed background
This is a little hard to describe, so view the example and be sure to scroll to the bottom of the page. The background is a gradient that fades into a simple graphic. As you scroll down the page, the graphic
Tutorial 6 Creating a Web Form. HTML and CSS 6 TH EDITION
Tutorial 6 Creating a Web Form HTML and CSS 6 TH EDITION Objectives Explore how Web forms interact with Web servers Create form elements Create field sets and legends Create input boxes and form labels
c. Write a JavaScript statement to print out as an alert box the value of the third Radio button (whether or not selected) in the second form.
Practice Problems: These problems are intended to clarify some of the basic concepts related to access to some of the form controls. In the process you should enter the problems in the computer and run
Programming the Web 06CS73 SAMPLE QUESTIONS
Programming the Web 06CS73 SAMPLE QUESTIONS Q1a. Explain standard XHTML Document structure Q1b. What is web server? Name any three web servers Q2. What is hypertext protocol? Explain the request phase
Web Design Revision. AQA AS-Level Computing COMP2. 39 minutes. 39 marks. Page 1 of 17
Web Design Revision AQA AS-Level Computing COMP2 204 39 minutes 39 marks Page of 7 Q. (a) (i) What does HTML stand for?... () (ii) What does CSS stand for?... () (b) Figure shows a web page that has been
About the Tutorial. Audience. Prerequisites. Copyright & Disclaimer
i About the Tutorial Twitter Bootstrap is the most popular front end framework in the recent time. It is sleek, intuitive, and powerful mobile first front-end framework for faster and easier web development.
Responsive Email Design
Responsive Email Design For the Hospitality Industry By Arek Klauza, Linda Tran & Carrie Messmore February 2013 Responsive Email Design There has been a lot of chatter in recent months in regards to Responsive
Creating a Web Page Using HTML, XHTML, and CSS: The Basics
Creating a Web Page Using HTML, XHTML, and CSS: The Basics Mary L. Lanigan, Ph.D. Copyright 2010 Third House Inc. 1 Preface In this module, you will create a web page. The web page will look like a mini-resume.
Building Web Sites: Introduction to HTML
Building Web Sites: Introduction to HTML Mel Anderson IBM iseries Technology Center [email protected] Copyright IBM Corporation, 2006. All Rights Reserved This publication may refer to products that
Selectors in Action LESSON 3
LESSON 3 Selectors in Action In this lesson, you will learn about the different types of selectors and how to use them. Setting Up the HTML Code Selectors are one of the most important aspects of CSS because
Web Design and Databases WD: Class 7: HTML and CSS Part 3
Web Design and Databases WD: Class 7: HTML and CSS Part 3 Dr Helen Hastie Dept of Computer Science Heriot-Watt University Some contributions from Head First HTML with CSS and XHTML, O Reilly Recap! HTML
Web Development CSE2WD Final Examination June 2012. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards?
Question 1. (a) Which organisation is primarily responsible for HTML, CSS and DOM standards? (b) Briefly identify the primary purpose of the flowing inside the body section of an HTML document: (i) HTML
Lesson Review Answers
Lesson Review Answers-1 Lesson Review Answers Lesson 1 Review 1. User-friendly Web page interfaces, such as a pleasing layout and easy navigation, are considered what type of issues? Front-end issues.
Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II. Max Time: 3 hours Max Marks: 90 SECTION A
Foundation of Information Technology (Code No: 165) Sample Question Paper II Summative Assessment - Term II Class X (2015-16) Max Time: 3 hours Max Marks: 90 SECTION A Q1) Fill in the blanks: [10] i) TR
UNIVERSITY OF CALICUT
UNIVERSITY OF CALICUT SCHOOL OF DISTANCE EDUCATION (2014 Admn. onwards) IV Semester Core Course for BMMC (UG SDE) FUNDAMENTS OF WEB DESIGNING Question Bank & Answer Key Choose the correct Answer from the
About the Tutorial. Audience. Prerequisites. Disclaimer & Copyright XHTML
i About the Tutorial This tutorial provides a basic understanding of XHTML, its syntax and attributes with rules for using the same along with their practical examples. It also describes Doctypes, attributes
Creating HTML authored webpages using a text editor
GRC 175 Assignment 1 Creating HTML authored webpages using a text editor Tasks: 1. Acquire web host space with ad free provider 2. Create an index webpage (index.html) 3. Create a class management webpage
Website Login Integration
SSO Widget Website Login Integration October 2015 Table of Contents Introduction... 3 Getting Started... 5 Creating your Login Form... 5 Full code for the example (including CSS and JavaScript):... 7 2
Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5
Building Web Applications with HTML5, CSS3, and Javascript: An Introduction to HTML5 Jason Clark Head of Digital Access & Web Services Montana State University Library pinboard.in #tag pinboard.in/u:jasonclark/t:lita-html5/
<Insert Picture Here>
Designing the Oracle Store with Oracle Application Express Marc Sewtz Software Development Manager Oracle Application Express Oracle USA Inc. 540 Madison Avenue,
HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL
![HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL](/thumbs/40/20611446.jpg "HTML CSS Basic Structure. HTML Structure [Source Code] CSS Structure [Cascading Styles] DIV or ID Tags and Classes. The BOX MODEL")
HTML CSS Basic Structure HTML [Hypertext Markup Language] is the code read by a browser and defines the overall page structure. The HTML file or web page [.html] is made up of a head and a body. The head
JavaScript and Dreamweaver Examples
JavaScript and Dreamweaver Examples CSC 103 October 15, 2007 Overview The World is Flat discussion JavaScript Examples Using Dreamweaver HTML in Dreamweaver JavaScript Homework 3 (due Friday) 1 JavaScript
Basic Website Maintenance Tutorial*
Basic Website Maintenance Tutorial* Introduction You finally have your business online! This tutorial will teach you the basics you need to know to keep your site updated and working properly. It is important
HTML Forms. Pat Morin COMP 2405
HTML Forms Pat Morin COMP 2405 HTML Forms An HTML form is a section of a document containing normal content plus some controls Checkboxes, radio buttons, menus, text fields, etc Every form in a document
HTML. A computer network is a collection of computers linked through cables or wireless means.
What is a computer network? HTML A computer network is a collection of computers linked through cables or wireless means. What is Internet? Internet is a network of computers of different sizes and configurations
Create Webpages using HTML and CSS
KS2 Create Webpages using HTML and CSS 1 Contents Learning Objectives... 3 What is HTML and CSS?... 4 The heading can improve Search Engine results... 4 E-safety Webpage... 5 Creating a Webpage... 6 Creating
So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going.
Web Design 1A First Website Intro to Basic HTML So we're set? Have your text-editor ready. Be sure you use NotePad, NOT Word or even WordPad. Great, let's get going. Ok, let's just go through the steps
Short notes on webpage programming languages
Short notes on webpage programming languages What is HTML? HTML is a language for describing web pages. HTML stands for Hyper Text Markup Language HTML is a markup language A markup language is a set of
An Attribute is a special word used inside tag to specify additional information to tag such as color, alignment etc.
CHAPTER 10 HTML-I BASIC HTML ELEMENTS HTML (Hyper Text Markup Language) is a document-layout and hyperlink-specification language i.e., a language used to design the layout of a document and to specify
04 Links & Images. 1 The Anchor Tag. 1.1 Hyperlinks
One of the greatest strengths of Hypertext Markup Language is hypertext the ability to link documents together. The World Wide Web itself consists of millions of html documents all linked together via
COMP519 Web Programming Autumn 2015. Cascading Style Sheets
COMP519 Web Programming Autumn 2015 Cascading Style Sheets Content vs. Presentation Most HTML tags define content type, independent of how that content is to be presented. There are a few obvious exceptions
EVENT PLANNING MYTHBUSTER. Building Pre-event Engagement: How to Make an Email Invite
EVENT PLANNING MYTHBUSTER Building Pre-event Engagement: How to Make an Email Invite YOUR STEP BY STEP GUIDE In reality, most events begin months before the doors open on the first day. The internet is
Intell-a-Keeper Reporting System Technical Programming Guide. Tracking your Bookings without going Nuts! http://www.acorn-is.
Intell-a-Keeper Reporting System Technical Programming Guide Tracking your Bookings without going Nuts! http://www.acorn-is.com 877-ACORN-99 Step 1: Contact Marian Talbert at Acorn Internet Services at
Web Programming with PHP 5. The right tool for the right job.
Web Programming with PHP 5 The right tool for the right job. PHP as an Acronym PHP PHP: Hypertext Preprocessor This is called a Recursive Acronym GNU? GNU s Not Unix! CYGNUS? CYGNUS is Your GNU Support
HTML Form Widgets. Review: HTML Forms. Review: CGI Programs
HTML Form Widgets Review: HTML Forms HTML forms are used to create web pages that accept user input Forms allow the user to communicate information back to the web server Forms allow web servers to generate
8 STEPS TO CODE KILLER RESPONSIVE EMAILS
8 STEPS TO CODE KILLER RESPONSIVE EMAILS THAT WILL MAKE YOUR EMAILS BEAUTIFUL 3 BUILD RESPONSIVE EMAIL STEP BY STEP Steps to create a simple responsive email template. (fluid image, main content, two
Chapter 4 How to use PHP with a MySQL database
Chapter 4 How to use PHP with a MySQL database Murach's PHP and MySQL, C4 2010, Mike Murach & Associates, Inc. Slide 1 Objectives Applied 1. Given the specifications for a database application that requires
A Complete Guide to HTML Form Output for SAS/IntrNet Developers Don Boudreaux, SAS Institute Inc., Austin, TX
A Complete Guide to HTML Form Output for SAS/IntrNet Developers Don Boudreaux, SAS Institute Inc., Austin, TX ABSTRACT A number of existing conference papers, course notes sections, and references can
How to code, test, and validate a web page
Chapter 2 How to code, test, and validate a web page Slide 1 Objectives Applied 1. Use a text editor like Aptana Studio 3 to create and edit HTML and CSS files. 2. Test an HTML document that s stored on
Brazil + JDBC Juin 2001, [email protected] http://jfod.cnam.fr/tp_cdi/douin/
Brazil + JDBC Juin 2001, [email protected] http://jfod.cnam.fr/tp_cdi/douin/ version du 26 Mai 2003 : JDBC-SQL et Brazil pré-requis : lecture de Tutorial JDBC de Sun Bibliographie Brazil [Bra00]www.sun.com/research/brazil
Formatting Text in Blackboard
Formatting Text in Blackboard If you want to spice up your blackboard announcements with different color of the text, bolded text, italicized text, lists, tables and images you can do so by typing HTML
Internet Technologies
QAFQAZ UNIVERSITY Computer Engineering Department Internet Technologies HTML Forms Dr. Abzetdin ADAMOV Chair of Computer Engineering Department [email protected] http://ce.qu.edu.az/~aadamov What are forms?