Differences

This shows you the differences between two versions of the page.

Link to this comparison view

prog1_02 [2018-08-31 08:17]
Joakim Forsgren 		prog1_02 [2022-07-18 13:20]
Line 1: Line 1:
-====== HTML5 och lite CSS ====== 
  
-https://account.jetbrains.com/a/2d488193 
- 
-===== Länkar ===== 
-  * [[http://student.oedu.se/~jf/diveintohtml5.info/| DIVE INTO HTML5]] - En bok om HTML5 
-  * [[http://www.w3schools.com| w3schools]] - En bra sida att utgå ifrån (Det är dock inte W3C som står bakom) 
-  * [[https://developer.mozilla.org/en-US/docs/HTML/HTML5| Mozilla om HTML5]] 
-  * [[http://validator.w3.org/ | W3C - validator]] - om du vill kolla att din HTML är korrekt 
-  * [[http://www.w3.org/community/webed/wiki/HTML/Elements|W3C]] - har en wiki-baserad referens om alla HTML taggar 
-===== Taggar som behövs som grund (genomgång av dessa)===== 
- 
-**a, img,\\ 
-br, p, div, h1, h2, h3,\\ 
-table, th, tr, td,\\ 
-ol, ul, li\\ 
-form, input, select, option\\ 
-** 
- 
-Ex. Taggen **a** 
- 
-Syntax: 
-<code html> 
-<a href="http://www.w3schools.com/tags/tag_a.asp">w3schools</a> 
-</code> 
-Resultat:\\ 
-<html> 
-<a href="http://www.w3schools.com/tags/tag_a.asp">w3schools</a> 
-</html> 
- 
-Läs om övriga taggar på [[http://www.w3schools.com/tags/]] 
- 
- 
- 
-===== Övningar ===== 
-a.  
-I denna övning får ni en HTML-mall, en textfil med text, en css och en bild.\\ 
-Allt finns i denna {{::prog_01.zip|zip-fil}}. 
-Kopiera mallen till a.html, öppna a.html, klistra texten från textfilen, spara och placera in rätt tagg på rätt ställe.\\ 
-Du är klar när ditt resultat ser ut som bilden som följde med. Du ska bara sätta dit taggar. Du får alltså inte ändra något i css-filen. 
- 
-b. 
-Utgå ifrån mallen och skapa en fil b.html. Du skall göra en enkel sida med: 
-  * Två länkar, den ena skall länka till a.html och den andra skall länka till valfri sida på internet. 
-  * Minsta tre valfria bilder som du har hämtat från internet. 
-  * Minst en av dina tre bilder skall vara klickbar och länka till en sida på internet. 
- 
-c. 
-Utgå ifrån mallen och skapa en fil c.html.\\ 
-Gör ett formulär för inloggning, login skall vara av typen text och lösenord skall vara av typen password.\\