Acesta este un curs HTML, curs realizat utilizand limbajul HTML.
HTML reprezinta abrevierea pentru "HyperText Markup Language".
HTML este un limbaj utilizat pentru crearea documentelor HTML (paginilor web).
HTML defineste structura si modul de asezare a informatiei intr-un document HTML, prin intermediul unor marcaje si a atributelor acestora.
Hypertext-ul este un tip special de baza de date, baza de date in care obiectele (texte, imagini, sunete, ...) pot fi legate unele de altele. Hypetext-ul permite deplasarea de la un obiect la altul, chiar daca aceste obiecte sunt total diferite (deplasare de la un text la o imagine, ...).
Daca accesam o pagina web care contine informatii despre un anumit compozitor, putem sa executam in cadrul acestei pagini un click pe o legatura, legatura ce va lansa o inregistrare audio.
Un fisier audio (o inregistrare audio) poate fi introdusa intr-o pagina Web astfel:
<EMBED SRC="song.mp3" VOLUME="80" autostart="true" hidden="true">
Un fisier HTML este un fisier text ce contine marcaje (etichete). Aceste marcaje "spun" navigatorului cum sa afiseze pagina web. Marcajele sunt comenzi inserate intr-un document, comenzi care specifica modul in care documentul (sau portiunea din document) va fi formatat. Formatarea reprezinta specificarea unor proprietati (de obicei vizibile, referitoare la aspectul unui document) ale unui document.
Un fisier HTML trebuie sa aiba extensia "htm" sau "html".
Un fisier HTML poate fi creat utilizand un simplu editor de texte (Notepad, WordPad, ...).
i.1. Primul nostru document HTML.
Fie urmatorul document HTML:
<html>
<head>
<title>Primul nostru document HTML</title>
</head>
<body>
Prima mea pagina Web.<b>Numele meu este:</b>
</body>
</html>
Primul marcaj (prima eticheta) din documentul HTML este <html>. Acest marcaj (tag) indica (spune) navigatorului ca acesta este inceputul (startul) unui document HTML. Ultimul marcaj din documentul HTML este </html>. Acest marcaj indica navigatorului ca acesta este sfarsitul (finalul) documentului HTML.
Textul dintre marcajul <head> si marcajul </head> reprezinta informatia antet. Aceasta informatie nu este afisata in fereastra navigatorului (browser).
Textul dintre marcajul <body> si marcajul </body>, reprezinta textul ce va fi afisat de catre navigator.
Textul dintre marcajele <title> si </title> reprezinta titlul documentului HTML, titlu ce va fi afisat in bara superioara a navigatorului, dupa cum se poate observa in urmatoarea imagine.
Textul dintre marcajele <b> si <b> va fi afisat utilizand un corp de litera (font) ingrosat.
i.2. Editoare HTML.
Putem utiliza editoare HTML cum ar fi "FrontPage", "Claris Home Page" sau "Adobe PageMill" pentru a edita un document HTML, in loc sa scriem marcajele (etichetele) utilizand un simplu editor de texte.
Daca doriti sa deveniti un bun creator de pagini Web, va recomandam ca pentru inceput sa utilizati un simplu editor de texte, pentru a intelege mai bine utilizarea si scopul marcajelor din limbajul HTML.
i.3. Marcaje HTML.
Marcajele (etichetele) sunt utilizate pentru definirea elementelor HTML.
Un marcaj HTML este inclus intre caracterele "<" si ">". Aceste caractere se numesc paranteze unghiulare.
Marcajele (etichetele) HTML apar in mod normal in pereche, ca de exemplu marcajele <b> si </b>.
Primul marcaj dintr-o pereche se numeste marcaj de start (eticheta de start, eticheta de inceput, ...).
Al doilea marcaj dintr-o pereche se numeste marcaj final (eticheta finala, eticheta de capat, ...).
Textul dintre marcajul de start si marcajul final reprezinta continutul elementului HTML.
Marcajele (etichetele) HTML nu fac deosebire intre litere mici si mari. Marcajul <b> este identic cu marcajul <B>. Este indicat sa se utilizeze litere mici pentru marcaje, datorita cerintelor impuse de standardele W3C.
i.4. Elemente HTML.
Fie urmatorul document HTML:
<html>
<head>
<title>Exemplu de document HTML</title>
</head>
<body>
Acesta este un document HTML.
<b>Acest text este afisat ingrosat</b>
</body>
</html>
Un element HTML din documentul HTML anterior este:
<b>Acest text este afisat ingrosat</b>
Elementul HTML anterior incepe cu marcajul de start <b>. Continutul elementului HTML este "Acest text este afisat ingrosat". Elementul HTML se termina cu marcajul final </b>.
Scopul marcajul <b> este acela de a defini un element HTML al carui continut va fi afisat ingrosat.
De asemenea un element HTML este si urmatorul:
<body>
Acesta este un document HTML.
<b>Acest text este afisat ingrosat</b>
</body>
Elementul HTML incepe cu marcajul de start <body> si se termina cu marcajul final </body>.
Scopul marcajul <body> este acela de a defini un element HTML al carui continut va fi afisat de catre navigator (corpul principal al documentului HTML).
Am afirmat anterior ca marcajele HTML nu fac deosebire intre literele mici si mari. Daca navigati pe Internet veti observa ca multe pagini Web utilizeaza marcaje scrise cu litere mari. In acest curs toate marcajele vor fi scrise cu litere mici. Vom scrie aceste marcaje cu litere mici deoarece W3C (World Wide Web Consortium) recomanda scrierea cu litere mici a marcajelor (in HTML 4.0 este recomadata scrierea marcajelor cu litere mici, iar in XHTML este impus acest lucru).
i.5. Atribute HTML.
Marcajele HTML pot avea atribute.
Atributele reprezinta o caracteristica a unui marcaj.
Atributele furnizeaza informatii suplimentare despre elementele HTML din document (pagina HTML).
Marcajul <body> defineste elementul "body" al unei pagini HTML. Daca dorim ca fundalul pagini (background) sa fie de culoare rosie, vom utiliza atributul "bgcolor" pentru a transmite navigatorului sa utilizeze aceasta culoare pentru fundal. Aceste lucru se realizeaza astfel:
<body bgcolor="red">
Marcajul <table> defineste un tabel HTML. Daca dorim ca acest tabel sa nu aiba borduri vom utiliza atributul border, dupa cum se poate observa in continuare:
<table border="0">
Acest atribut va transmite navigatorului ca tabelul din pagina respectiva nu are borduri (are grosimea borduri egala cu zero).
Atributele sunt intotdeauna formate dintr-o pereche "nume/valoare" de tipul nume="valoare".
Atentie! Intotdeauna atributele sunt introduse in marcajul (eticheta) de start al unui element HTML.
Intotdeauna atributele trebuie inchise intre ghilimele (bgcolor="red").
Ghilimelele duble (" ") sunt cel mai des utilizate, dar este permisa si utilizarea ghilimelelor simple (''). In unele cazuri (atunci cand valoarea unui atribut contine ea insasi ghilimele) este necesar sa utilizam ghilimelele simple, dupa cum se poate observa in continuare:
name='Popescu "Nelu" Ion'
|
