Informatika1-2012/Gyakorlat9
A MathWikiből
(Változatok közti eltérés)
10. sor: | 10. sor: | ||
Készítsetek egy új file-t a public_html mappátokba style.css névvel, mellette nyissátok meg az index.html-t is. | Készítsetek egy új file-t a public_html mappátokba style.css névvel, mellette nyissátok meg az index.html-t is. | ||
− | + | # Elõször csak inline írjunk CSS kódot az index.html-ünkbe, valahol változtassátok meg a betûk méretét ( style = "font-size:large" ) | |
+ | # Írjatok pár span-t az index.html-be, és adjátok õket valamilyen névvel hozzá egy osztályhoz. ( class = "kiemelt" ) | ||
+ | # A style.css-t kapcsoljátok be az index.html-be és az orarend.html-be is. ( <link rel="stylesheet" href="style.css"> a head-be ) | ||
+ | # A style.css segítségével érjétek el, hogy a 2. pontban definiált osztályba tartozó span-ek dõlt betûvel legyenek. ([[Informatika1-2012/Eloadas7|7. előadás]]) | ||
+ | # | ||
17. sor: | 21. sor: | ||
== Hasznos linkek == | == Hasznos linkek == | ||
− | * [http://validator.w3.org/ | + | * [http://validator.w3.org/ HTML validátor] |
− | * [http://jigsaw.w3.org/css-validator/ | + | * [http://jigsaw.w3.org/css-validator/ CSS validátor] |
* [[Informatika1-2012/Gyakorlat8|8.gyakorlat]] | * [[Informatika1-2012/Gyakorlat8|8.gyakorlat]] | ||
* [[Informatika1-2012/Eloadas6|6. előadás]] | * [[Informatika1-2012/Eloadas6|6. előadás]] |
A lap 2012. november 6., 02:09-kori változata
Ha még nincs oldalatok
A mai gyakorlat a leadott házira épít, így ha ez valakinek nincs meg, akkor mentse a kövektezõ file-okat a public_html mappájába:
Feladatok
Készítsetek egy új file-t a public_html mappátokba style.css névvel, mellette nyissátok meg az index.html-t is.
- Elõször csak inline írjunk CSS kódot az index.html-ünkbe, valahol változtassátok meg a betûk méretét ( style = "font-size:large" )
- Írjatok pár span-t az index.html-be, és adjátok õket valamilyen névvel hozzá egy osztályhoz. ( class = "kiemelt" )
- A style.css-t kapcsoljátok be az index.html-be és az orarend.html-be is. ( <link rel="stylesheet" href="style.css"> a head-be )
- A style.css segítségével érjétek el, hogy a 2. pontban definiált osztályba tartozó span-ek dõlt betûvel legyenek. (7. előadás)