HTML pažengusiems | Truputis stiliaus
HTML pažengusiems | Truputis
stiliaus
Pradedantiesiems apie HTMLDave Raggett, peržiūrėta 2002 vasario 13.
Tai yra trumpas HTML rašymo įvadas. Daugybė žmonių vis dar rašo HTML ranka, naudodami tokias priemones kaip Windows NotePad ar Mac SimpleText. Šis vadovas supažindins jus su pačia pradžia. Net jei nesiruošiate redaguoti HTML tiesiogiai, vietoj to planuojate naudoti HTML redagavimo priemonę, tokią kaip Netscape Composer, ar W3C Amaya, šis vadovas padės jums suprasti kaip geriau naudoti tokias priemones, ir kaip padaryti jūsų tinklapius prieinamais daugeliui naršyklių. Susipažinę su šiais HTML rašymo pagrindais, galite sužinoti kaip įdėti truputį stiliaus naudojant CSS, o taip pat išbandyti kitas galimybes HTML pažengusiems
Patogus būdas ištaisyti žymenas - HTML Tidy (Tvarkyklė) priemonė. Ji taip pat sutvarko žymenas, kad jas galima būtų lengviau redaguoti. Rekomenduočiau reguliariai naudotis Tidy kiekvienai bylai, kurią redaguojate. Tidy yra labai efektyvus išvalant žymenas, sukurtas blogų įpročių turinčių redagavimo priemonių.
p.s. neblogas būdas mokytis yra pažvelgti kaip kiti žmonės sužymėjo savo html puslapius. Norėdami tai padaryti, paspauskite "View" (Žiūrėti) meniu, tada "Source" (Šaltinis). Pabandykite tai padaryti su šiuo puslapiu, kad pamatytumėte kaip aš pritaikiau idėjas, kurias aiškinu žemiau. Pastebėsite kaip jūs vystote savo kritišką žvilgsnį, kadangi tiek daug puslapių atrodo lyg pliurza po kapotu!
Šis puslapis išmokys jus kaip:
Jei ieškote ko nors dar, išbandykite HTML pažengusiems puslapį.
Kiekvienas HTML puslapis turi turėti antraštę. Štai ką jums reikia surinkti:
<title>Mano pirmas HTML puslapis</title>
Pakeiskite tekstą "Mano pirmas HTML puslapis" į tai, ko jums reikia. Antraštės tekstas yra pradedamas žymeniu <title> ir baigiasi atitinkamu baigiamuoju žymeniu </title>. Antraštė turi būti įdėta į dokumento pradžią.
Norėdami tai išbandyti, surinkite šią eilutę į tekstinį redaktorių ir įrašykite bylą kaip "testas.html", tada atidarykite ją su interneto naršykle. Jeigu bylos priesaga bus ".html" ar ".htm", naršyklė atpažins tai kaip HTML. Daugelis naršyklių rodo antraštę lango titre.
Jei naudojotės Microsoft Word, tai jau esate susipažinęs su ten esančiais skirtingos svarbos pavadinimų stiliais. HTML turi šešis pavadinimų lygius. H1 yra svarbiausias, H2 truputį mažiau, ir taip toliau iki H6, mažiausios svarbos.
Štai kaip įdėti svarbų pavadinimą:
<h1>Svarbus pavadinimas</h1>
ir štai kaip mažiau svarbesnį pavadinimą:
<h2>Truputį mažiau svarbus pavadinimas</h2>
Kiekvienas paragrafas, kurį rašote turi prasidėti <p> žymeniu. </p> yra nebūtinas, skirtingai nei baigiamosios tokių elementų kaip pavadinimai žymenos. Pavyzdžiui:
<p>Tai pirmas paragrafas.</p> <p>Tai antras paragrafas.</p>
Galite pabrėžti vieną ar daugiau žodžių su <em> žymeniu, pavyzdžiui:
Tai tikrai <em>įdomi</em> tema!
Paveikslėliai gali būti naudojami norint padaryti jūsų tinklapius savitais ir stipriai padidinti susidomėjimą jūsų pranešimu. Paprastas būdas įdėti paveikslėlį yra naudoti <img> žymeną. Tarkime, jūs turite paveikslėlį pavadintą "petras.jpg" tame pačiame aplanke kaip ir jūsų HTML byla. Jo plotis yra 200 pikselių ir aukštis 150 pikselių.
<img src="petras.jpg" width="200" height="150">
src atributas pavadina paveikslėlio bylą. width ir height nėra būtini, tačiau padeda pagreitinti jūsų tinklapio atvaizdavimą. Kažkas yra vis dar nenurodyta! Žmonėms, kurie negali matyti paveikslėlio, reiktų aprašymo, kurį galėtų perskaityti nesant paveikslėliui. Štai kaip galite įdėti trumpą aprašymą:
<img src="petras.jpg" width="200" height="150" alt="Mano draugas Petras">
alt atributas naudojamas suteikti paveikslėliui trumpą aprašymą, šiuo atveju "Mano draugas Petras". Sudėtingesniems paveikslėliams turėtumėte suteikti ilgesnį aprašą. Jeigu tas aprašas yra byloje pavadinimu "petras.html", galite įdėti jį naudodami longdesc atributą:
<img src="petras.jpg" width="200" height="150" alt="Mano draugas Petras" longdesc="petras.html">
Paveikslėlius galite kurti daugeliu būdų, tarkime, naudojant skaitmeninį fotoaparatą, skenuojant ar sukuriant tapybos ar braižymo programa. Dauguma naršyklių supranta GIF ar JPEG paveikslėlių formatus, naujesnės naršyklės dar supranta PNG formatą. Norint išvengti ilgos paveikslėlio iš interneto užkrovos trukmės, turėtumėte vengti didelių paveikslėlių bylų.
Apskritai kalbant, JPEG geriausiai tinka fotografijoms ir kitiems glotniai besikeičiantiems paveikslėliams, o GIF ir PNG geriausi grafikai, turinčiai tuščių plotų, linijų ir tekstų. Visi trys formatai palaiko palaipsninę užkrovą, kai grubesnė paveikslėlio versija nusiunčiama pirmiau ir palaipsniui išdailinama.
Kas daro Tinklą tokiu efektyviu yra galėjimas įdėti nuorodas iš vieno puslapio į kitą ir eiti jomis vienu mygtuko paspaudimu. Paprasta s paspaudimas gali perkelti us į kitą pasaulio dalį!
Nuorodos yra žymimos <a> žymeniu. Pažymėkime nuorodą į puslapį pavadintą "petras.html":
Tai nuoroda į <a href="petras.html">Petro puslapį</a>.
Tekstas tarp <a> ir </a> yra naudojamas kaip nuorodos antraštė. Įprasta, kad antraštė yra pabrauktas mėlynos spalvos tekstas.
Norint pažymėti nuorodą į kitą tinklapį jums reikia nurodyti pilną Tinklo adresą (įprastai vadinamą URL), pavyzdžiui, norint įdėti nuorodą į www.w3.org jums reikia parašyti:
Tai nuorodą į <a href="http://www.w3.org/">W3C</a>.
Paveikslėlį taip pat galite paversti nuoroda, pavyzdžiui, sekantis kodas leidžia paspaudus ant kompanijos logotipo patekti į pirmą jos puslapį:
<a href="/"><img src="logotipas.gif" alt="Pirmas puslapis"></a>
HTML palaiko tris sąrašų topus. Pirmas tipas yra paprastas, dar vadinamas neeiliškuoju sąrašu. Jis naudoja <ul> ir <li> žymenis, pavyzdžiui:
<ul> <li>pirmas sąrašo įrašas</li> <li>antras sąrašo įrašas</li> <li>trečias sąrašo įrašas/li> </ul>
Pastebėkite, kad visada reikia užbaigti sąrašą galiniu </ul> žymeniu, tačiau </li> nėra būtinas ir gali būti nerašomas. Kitas sąrašo tipas yra skaitmeninis sąrašas, dažnai vadinamas eiliškuoju sąrašu. Jis naudoja <ol> ir <li> žymenis. Pavyzdžiui:
<ol> <li>pirmas sąrašo įrašas</li> <li>antras sąrašo įrašas</li> <li>trečias sąrašo įrašas/li> </ol>
Kaip ir paprastame sąraše, jums reikia užbaigti sąrašą galiniu </ol> žymeniu, tačiau galinis </li> žymuo nėra būtinas ir gali būti nerašomas.
Trečias ir paskutinis sąraėo tipas yra apibrėžimų sąrašas. Jis leidžia jums išvardinti sąvokas ir jų apibrėžimus. Šis sąrašo tipas prasideda <dl> žymeniu ir baigiasi </dl>. Kiekviena sąvoka prasideda <dt> ir kiekvienas apibrėžimas <dd> žymenimis. Pavyzdžiui:
<dl> <dt>pirma sąvoka</dt> <dd>jos apibrėžimas</dd> <dt>antra sąvoka</dt> <dd>jos apibrėžimas</dd> <dt>trečia sąvoka</dt> <dd>jos apibrėžimas</dd> </dl>
</dt> ir </dd> galiniai žymenys nėra būtini ir gali būti nerašomi. Pastebėkite, kad sąrašai gali būti sujungti vienas su kitu. Pavyzdžiui:
<ol>
<li>pirmas sąrašo įrašas</li>
<li>
antras sąrašo įrašas
<ul>
<li>pirmas prijungtas įrašas</li>
<li>antras prijungtas įrašas</li>
</ul>
</li>
<li>trečias sąrašo įrašas</li>
</ol>
Taip pat galite naudoti paragrafus, pavadinimus ir t.t. ilgesniems sąrašo įrašams.
Jeigu esate pasiruošęs sužinoti daugiau, turiu paruošęs papildomos medžiagos HTML pažengusiems ir įdedant truputį stiliaus puslapiuose.
W3C HTML 4.0 Rekomendacija yra plačiai priimta HTML specifikacija. Nepaisant to, tai techninė specifikacija. Norėdami gauti mažiau techniškos informacijos, galite nusipirkti vieną iš daugelio knygų HTML tema, pavyzdžiui "Raggett apie HTML 4", išleistą 1998 Addison Wesley leidyklos. XHTML 1.0 dabar yra W3C Rekomendacija.
Sėkmės rašyme!