Anterior am arătat cum să creați o pagină web simplă. Dacă nu ați salvat acest exemplu pe computer ca fișier simple.html, faceți-o acum.
Exemplul 1.2. O pagină web simplă
<html>
<head>
<title>O
pagină web simplă</title>
</head>
<body>
Aceasta este o pagină web simplă.
</body>
</html>
Dacă vizualizați simple.html în browser, veți vedea cuvintele „Aceasta este o pagină web simplă” pe un fundal alb sau gri. Unde s-au dus toate celelalte? Și ce sunt acele cuvinte cu parantezele unghiulare, oricum?
O scurtă introducere în elemente
Pagina web simple.html folosește aceste elemente: html, head, title și body.
- Elementele sunt delimitate prin paranteze unghiulare (< >).
- Elementele sunt „invizibile”; ele nu apar direct pe pagina web. În schimb, ele servesc drept instrucțiuni pentru browserul dvs. Acestea pot schimba aspectul textului, pot crea un link, pot insera o imagine și multe altele.
- Un element începe cu o etichetă de deschidere (<element>) și se termină cu o etichetă de închidere (</element>). Unele elemente nu necesită etichete de închidere.
Vom discuta proprietățile generale ale elementelor în detaliu în Elemente. Deocamdată, să ne concentrăm asupra elementelor particulare din exemplul „Pagina web simplă”.
Structura paginii web simple
Deși „Pagina web simplă” nu arată prea mult, elementele sale (html, head, title și body) sunt fundamentale pentru structura tuturor documentelor HTML. Iată ce înseamnă aceste elemente:
- <html>: „Aici începe un document HTML.”
Elementul html ajută la identificarea unui fișier ca document HTML. - <head>: „Aici începe antetul”.
Antetul conține elemente care se aplică întregului document. De exemplu, poate conține elemente care sunt concepute pentru ca motoarele de căutare să le proceseze sau elemente care modifică aspectul general al paginii web. Cu toate acestea, elementele din antet nu se afișează direct ca un conținut normal al paginii web.
Motivele pentru care ați fi îngrijorat cu privire la antet sunt puțin abstracte în această etapă, așa că nu ne vom îngrijora prea mult decât mai târziu. - <title>: „Aici începe titlul documentului.” (Trebuie să fie în antet)
Dacă vizualizați fișierul simple.html în browser, în partea de sus a ferestrei browserului ar trebui să vedeți cuvintele „O pagină web simplă”. Aceste cuvinte apar din cauza elementului title.
Ca exercițiu, schimbați titlul paginii web simple.html în „Prima mea pagină web”. Salvați modificările și vizualizați-le făcând clic pe butonul Refresh sau Reload al browserului.
Titlurile ar putea să nu pară importante la prima vedere, dar sunt de fapt destul de utile. De exemplu, dacă un motor de căutare afișează pagina ta într-o listă de rezultate ale căutării, probabil că va afișa title ca titlu al paginii tale. Dacă omiteți elementul title, motorul de căutare va crea unul pentru dvs. Acesta nu este un lucru bun.
Notă
S-ar putea să fi observat că elementul title este conținut în elementul head. Este asta cușer? Absolut! De fapt, multe elemente sunt concepute pentru a conține alte elemente și veți imbrica elemente în alte elemente destul de des pe măsură ce continuați. - <body>: „Aici începe corpul”.
Corpul este locul în care puneți textul și elementele care urmează să fie afișate în fereastra principală a browserului. Motivul pentru care cuvintele „Aceasta este o pagină web simplă” apar atunci când afișați simple.html este că le-ați plasat în body.
Deci, de ce vedem doar „Aceasta este o pagină web simplă” când afișăm simple.html într-un browser? Răspunsul este că, după ce eliminați toate elementele care nu sunt concepute pentru a fi afișate în fereastra browserului, propoziția „Aceasta este o simplă pagină web” este singurul lucru rămas.
În secțiunea următoare, vom modifica pagina noastră web de exemplu, doar pentru a vedea ce se întâmplă. După aceea, vom oferi o definiție mai formală a elementelor și proprietăților elementelor.
Sursa: “The Pocket HTML Tutorial” Copyright 2022 de Evan Goer, licența CC BY 3.0. Traducere și adaptare de Nicolae Sfetcu
<p align=”center”><a href=”https://www.telework.ro/ro/web-design-ro/”><img border=”0″ src=”https://www.telework.ro/wp-content/uploads/2020/06/728×90-RO-Web.png” width=”728″ height=”90″></a></p>
Proiectarea, dezvoltarea şi întreţinerea siturilor web
Un ghid pentru dezvoltatorii web, cu accent pe HTML, XML, JavaScript, SQL, tehnologii web, software web, software pentru dezvoltare web, aplicaţii web, şabloane pentru aplicaţii web, AJAX, servicii web, sindicalizarea web, web design, situri web, găzduirea web, analiza siturilor web, … Citeşte mai mult
Ghid WordPress pentru dezvoltatori
WordPress este o platformă pentru site-uri web rapidă, fiabilă, cu facilități multiple pentru dezvoltatori și ușor de utilizat. Totusi, dezvoltatorii și beneficiarii au de multe ori nevoie să adauge funcționalități suplimentare pentru a răspunde nevoilor lor. Acest ghid oferă unele … Citeşte mai mult
Inteligența, de la originile naturale la frontierele artificiale – Inteligența Umană vs. Inteligența Artificială
Istoria paralelă a evoluției inteligenței umane și a inteligenței artificiale este o călătorie fascinantă, evidențiind căile distincte, dar interconectate, ale evoluției biologice și inovației tehnologice. Această istorie poate fi văzută ca o serie de evoluții interconectate, fiecare progres în inteligența … Citeşte mai mult
Lasă un răspuns