Interneto puslapių kūrimas/HTML apžvalga: Skirtumas tarp puslapio versijų

Iš Wikibooks.
Ištrintas turinys Pridėtas turinys
Naujas puslapis: Čia mes be jokių apylankų kibsime į HTML ir pamėginsime ją išmokti. Geriausia mokykla realūs pavyzdžiai todėl ka ieinate į puslapį ir matote įdomių elementų nepating...
 
S wikipedija interpretuoja html irgi - smagu :D
17 eilutė: 17 eilutė:


== Pavyzdys ==
== Pavyzdys ==
<!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
* <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
<html>
* <html>
<head>
* <head>
<!-- Pavyzdėlis mūsų -->
* <!-- Pavyzdėlis mūsų -->
<title>Čia antraštė</title>
* <title>Čia antraštė</title>
</head>
* </head>
<body>
* <body>
<h1>Auksciausia antraštė</h1>
* <h1>Auksciausia antraštė</h1>
<p>Pirma pastraipa.</p>
* <p>Pirma pastraipa.</p>
<ul> <!-- sužymetas sąrašas -->
* <ul> <!-- sužymetas sąrašas -->
<li><p>Pirmas punktas</p></li>
* <li><p>Pirmas punktas</p></li>
<li><p>antras punktas su hipertekstu
* <li><p>antras punktas su hipertekstu
<a href="info.html">į</a> kitą bylą.</p></li>
* <a href="info.html">į</a> kitą bylą.</p></li>
</ul>
* </ul>
<h2>Antro lygio antraštė</h2>
* <h2>Antro lygio antraštė</h2>
<p>Kita pastraipa, <img alt="Paveikslėlis"
* <p>Kita pastraipa, <img alt="Paveikslėlis"
align="bottom" src="mypic.gif"> su paveikslėliu</p>
* align="bottom" src="mypic.gif"> su paveikslėliu</p>
</body>
* </body>
</html>
* </html>


== Antraštės elementai ==
== Antraštės elementai ==

23:48, 10 rugpjūčio 2007 versija

Čia mes be jokių apylankų kibsime į HTML ir pamėginsime ją išmokti. Geriausia mokykla realūs pavyzdžiai todėl ka ieinate į puslapį ir matote įdomių elementų nepatingėkite paspausti "Ctrl+F3" jei "Opera" ar kitką jei kita naršyklė ir pažiurėti to puslapio kodą.

HTML galima rašyti su bet kokiu teksto redaktoriumi, bet patogiau jei spalvomis išryškinami atskiri objektai. Nes juk tekstas čia maišomas su nurodymais mašinai. Linux sitemoje didelė dalis teksto redaktorių gali tai padaryti. Windows XP skirtą tokį dalyką gali būti sunku rasti nemokamai todėl pasiūlysiu:

Paskui viskas išsaugoma *.html formatu ir galima atidaryti čia pat su naršykle ir pažiurėti kaip tai atrodo.


Pagrindinės taisyklės HTML

  • Elementų ir atributų vardai yra laikomi vienodais nepaisant to ar jie didžiosiomis ar mažosiomis raidėmis parašyti. Atributų vertės nera laikomos vienodomis jei nesutampa raidžių rėžimai.
  • Nauja byla pradedama su <!doctype...> toliau pagrindinė dalis kuri pradedama su <html>, o baigiama su </html>, o ją sudaro antraštė ir teksto dalis.
  • Antraštė pradedama su <head> ir baigiama su </head>
  • Teksto dalis pradedama su <body> ir baigiama su </body>
  • Komentarai arba truputį slaptos žinutes rašomos


Pavyzdys

  • <!DOCTYPE HTML PUBLIC "-//IETF//DTD HTML 3.0//EN">
  • <html>
  • <head>
  • <title>Čia antraštė</title>
  • </head>
  • <body>
  • Auksciausia antraštė

  • Pirma pastraipa.

    • Pirmas punktas

    • antras punktas su hipertekstu

    • <a href="info.html">į</a> kitą bylą.

  • Antro lygio antraštė

  • Kita pastraipa, <img alt="Paveikslėlis"

  • align="bottom" src="mypic.gif"> su paveikslėliu

  • </body>
  • </html>

Antraštės elementai