Presentasjon lastes. Vennligst vent

Presentasjon lastes. Vennligst vent

HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:

Liknende presentasjoner


Presentasjon om: "HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:"— Utskrift av presentasjonen:

1 HTML

2 Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor: http://www.alleycode.com/download.htm http://www.alleycode.com/download.htm MySQL Query Browser: http://dev.mysql.com/downloads/gui-tools/5.0.html

3 Server-side Web Scripting – En Tre-lags Arkitektur 1. En klient får en HTML page med en HTML form fra en Web server. 2. Klienten udfylder HTML formen, og sender den tilbage til Web serveren. 3. Web serveren eksekverer et program (PHP code) som behandler data fra klienten, interagerer med en database (gennem SQL), og generer resulterende HTML. 4. Web serveren sender den genererede HTML tilbage til klienten. Web server Client med en browser Database server 1 2 3 4

4 HTML Min første webside Dette er min første webside. http//www.1HTML.html

5 XHTML <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> Min første xhtml side Dette er min første XHTML side. 2Xhtml.html

6 Tekst afsnit: p tag Dette er den første linie. Men er dette den anden ? Nej, men dette er. 3P-tag.html

7 Linieskrift i tekstafsnit : br-tag Lille Peter Edderkop kravled' op ad muren. Så kom regnen og skylled Peter ned. Så kom solen og tørred' Peters krop. Lille Peter Edderkop kravled´ atter op. 4BR-tag.html

8 Fremhæv tekst Gør din tekst et trin større med big-tagget Prøv bold-tagget eller strong-tagget for at lave en fremhævning Italics-tagget og emphasis-tagget laver en anderledes fremhævning Brug teletype-tagget til at imitere en skrivemaskine Gør din tekst et trin et mindre med smalltagget 5fremhæv-tag.html

9 Overskrifter: h - tag Dette er overskrift 1 Dette er overskrift 2 Dette er overskrift 3 Dette er normal skrift Dette er overskrift 4 Dette er overskrift 5 Dette er overskrift 6 6Overskrift-tag.html

10 Forbedret søgning : meta Din webside

11 Links : a href tag links til fil i samme mappe klik her for at åbne den første htmlside links til URL klik her for at åbne itu web sted links til mail adresse klik her for at sende en mail til Conny 8links.tag.html

12 Anker Klik på en overskrift for at læse den fulde tekst Rød, hvid og blå Grøn er på mode Rød, hvid og blå Noget tekst Grøn er på mode Noget tekst 9ankertag.html

13 Indlejret typografi Style body, h1{background: black; color:yellow} a:link{color:red}

14 Inline typografi Grøn er på mode Rød, hvid og blå Noget tekst Grøn er på mode Noget tekst 11styletag.html

15 Linket typografi Koden i minstil.css filen: body{background: coral; color:yellow; font-family:"Arial"; font-size:"18pt"} Koden i HTML filen: Linket typografi 12styke-tag.html

16 Link typografi a:link typografi for ikke-besøgte links a:visited typografi for besøgte links a:activemens det linker a:hover men musen holdes over a:link {color:lime; text-decoration:non}

17 Typologi-klasser og streger hr.red{color: red; width:50%} hr.lime{color:lime; width:75%; height:8} Dette er eksempler på nogle streger hr class="lime"/> mere tekst 13styletag.html

18 Opgaver til næste gang Lav quick start tutorial Alleycode HTML Editor Eksamensprojekt fortsat


Laste ned ppt "HTML. Dagens gang SQL opgaver fra sidst HTML Opgave i HTML Indhold i analyse dokument Tilbage melding på Systemdefinitioner Links HTML editor:"

Liknende presentasjoner


Annonser fra Google