2 322
pakeitimai
Pipedija - tautosaka, gandai, kliedesiai ir jokios tiesos! Durniausia wiki enciklopedija durnapedija!
Kaip tapti IT specialistu?: Skirtumas tarp puslapio versijų
Jump to navigation
Jump to search
→CSS =
(→CSS =) |
|||
| 111 eilutė: | 111 eilutė: | ||
HTML atveju, kaip ir XML - esmė yra gražiai ir teisingai sustruktūruoti tekstą, kad jis turėtų geras dalis ir patogų skaitomumą. Jei pavyks padaryti teksto struktūrą, tai paskui pavyks sutvarkyti ir jo išvaizdą. | HTML atveju, kaip ir XML - esmė yra gražiai ir teisingai sustruktūruoti tekstą, kad jis turėtų geras dalis ir patogų skaitomumą. Jei pavyks padaryti teksto struktūrą, tai paskui pavyks sutvarkyti ir jo išvaizdą. | ||
=== CSS ==== | === CSS === | ||
[[CSS]] - tai tokia specializuota kalba, kuri leidžia detaliai aprašyti įvairių dalykų išvaizdą. Tų išvaizdos parametrų yra melejonai, ir su duomenų struktūra bei prasmingumu išvaizda gali sietis labai įvairiai, todėl tas išvaizdos aprašymas ir yra išskirtas į atskirą kalbą. | |||
CSS gali būti jungiama prie HTML duomenų keliais būdais - kaip atskiras failas, kuris atskirai specialiu būdu nurodomas HTML faile, taip pat gali būti aprašomas HTML failo pradžioje, o taip pat gali būti aprašomas ir kaip bet kokio HTML tego parametras. Visko surašyti čia tiesiog neįmanoma, o kai kurie grafinio atvaizdavimo dalykai yra ir subtilūs, ir kaprizingi, tad nusimatykite, kad reiks daug naudotis kokiais nors žinynais. Aišku, geriausias žinynas yra [[Google]], kuris nuves jus į kokius nors W3Schools ar dar kokius nors puslapius. | |||
Jei pavyko su ankstesniu HTML failu, tai štai čia šioks toks pavyzdys su CSS: | |||
<pre> | |||
<html> | |||
<head> | |||
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> | |||
<meta http-equiv="content-language" content="lt-lt" /> | |||
<style> | |||
body {background-color: #ccccdd;} | |||
h1 { | |||
color: blue; | |||
font-size: 50px; | |||
text-align: center; | |||
} | |||
h2 { | |||
color: blue; | |||
font-size: 40px; | |||
text-align: center; | |||
} | |||
h3 {color: blue; | |||
font-size: 30px; | |||
text-align: center; | |||
} | |||
p {color: black; | |||
font-size: 22px; | |||
} | |||
</style> | |||
</head> | |||
<body> | |||
<h1>Puslapio pavadinimas</h1> | |||
<h2>Skyrius 1</h2> | |||
<h3>Poskyris 1</h3> | |||
<p>Kažkoksai tai tekstas iš pirmojo poskyrio</p> | |||
<h3>Poskyris 2</h3> | |||
<p>Tekstas jau iš antrojo poskyrio</p> | |||
<h2>Skyrius 2</h2> | |||
<p>Gal jau pakaks to teksto, tai tuo ir užbaikime</p> | |||
</body> | |||
</html> | |||
</pre> | |||
Jei taip pat išsaugosim ir atidarysim naršyklėje, tai pamatysim, kad šitas tekstas savo išvaizda smarkiai skiriasi nuo ankstesnio. Taip yra dėl to, kad kažkuriuos iš tų išvaizdos savybių nurodėme per CSS. Tiesa, reikia neužmiršti, kad įprastais atvejais naršyklės turi ir nematomą stilių, kurį naudoja tais atvejais, kai atskiras CSS nėra nurdoytas. Bet jei tik nurodysit savo CSS - tai naudos jūsiškį. | |||
=== JavaScript === | === JavaScript === | ||