Noțiuni de bază HTML pentru începători, ceea ce ar trebui să știe acum orice webmaster sau blogger începător. Dacă doriți să învățați cum să creați site-uri web de bază, să înțelegeți codul în sine, să știți ce se află în spatele ce și ce ar trebui să meargă, este pur și simplu imposibil să faceți acest lucru fără cunoașterea elementelor de bază ale limbajului HTML. Pe blogul meu voi avea un întreg lanț de articole pe care le voi dedica acestui subiect de la A la Z, voi descrie fiecare etichetă care este prezentă în document, ce înseamnă și cum să o folosesc corect.

Dacă nu știi cele mai elementare lucruri, drumul tău este închis. Consider că fiecare persoană care decide să dezvolte și să creeze site-uri web ar trebui să cunoască și să înțeleagă elementele de bază, în ce constă site-ul în sine, cum funcționează și ce se întâmplă în codul în sine.

Desigur, există destul de multe limbaje de programare, toate sunt complexe în felul lor, dar există unele pe care trebuie neapărat să le cunoști. Dacă doriți să proiectați frumos o scrisoare care să fie trimisă prin poștă, aveți propriul grup VKontakte, un grup pe alte rețele sociale, același canal YouTube, trebuie să modificați codul de pe oricare dintre motoarele site-ului, trebuie doar să cunoască conceptele de bază.

Am dat doar câteva exemple, de fapt, acum aceste cunoștințe sunt folosite din ce în ce mai des pe Internet. Sunt mai mult un practician decât un teoretician, așa că în articolele mele din această secțiune vă voi arăta exemplele mele despre cum și ce am făcut, pas cu pas. Voi posta atât pagini de exemplu, cât și site-uri întregi.

Un document HTML este cel mai simplu document text, un limbaj de etichetare pe care îl întâlniți în fiecare zi pe Internet. Etichetele descriu structura unui document. Etichetele sunt formatate ca unghiular< >paranteze, în interiorul cărora este scris numele etichetei. Browserul se uită la structura documentului, îl construiește și îl afișează conform instrucțiunilor sale pe monitor, dacă, desigur, ați făcut totul corect.

Întregul proces începe chiar înainte de a vedea imaginea finală. Browserele procesează un document secvenţial, de la început până la sfârşit. Inclusiv tot ce ar trebui să fie pe pagină. Tabele, imagini, scripturi și așa mai departe, cu excepția faptului că acestea includ stiluri CSS.

Ce este html - dacă te uiți la ce scrie Wikipedia - (HyperText Markup Language) limbaj de marcare hipertext pentru documente. Majoritatea paginilor de pe Internet conțin marcaj de pagină în această limbă. Această limbă este interpretată de browsere, iar textul formatat rezultat este afișat pe monitorul computerului sau pe dispozitivul mobil.

Acest limbaj este în mod inerent foarte ușor și accesibil de învățat. Oricine poate învăța și înțelege elementele de bază. Pentru a folosi un astfel de limbaj, trebuie să cunoașteți și să utilizați descriptori, care sunt numiți și etichete. Cu ajutorul etichetelor este creat un document.

În ce ar trebui să constea structura documentului, ce etichete ar trebui să fie prezente. Să privim totul cu un mic exemplu. Am scris ceva text în MS Office și l-am arătat în această captură de ecran.

Pentru a afișa acest text în browser în același mod în care a fost scris în document, trebuie să îi adăugați un marcaj de pagină, care include câteva etichete. Mai întâi, uită-te la ele, apoi îi voi descrie pe fiecare cine este responsabil pentru ce.

Bun venit pe blogul meu, acum iei o lecție despre elementele de bază ale HTML. Dacă ți-a plăcut acest articol, te poți abona la acest blog pentru a primi articole noi în căsuța ta de e-mail.

În ce etichete constă orice document html, ce include și unde ar trebui să fie scris totul?

Orice cod constă din caractere care sunt plasate între paranteze unghiulare. Toate acestea se numesc elemente. Toate elementele constau de obicei din două etichete, de deschidere și de închidere. Vă sfătuiesc să priviți inițial cu atenție etichetele dacă omiteți una dintre ele și nu o închideți, va trebui să revizuiți părți mari din cod pentru a găsi eroarea.

Au fost cazuri când a durat mai mult de o zi, o persoană contactează și cere ajutor, nu poate găsi o eroare pe site-ul său, așa că uitați-vă întotdeauna cu mare atenție la ce și unde scrieți. Să folosim acum acest exemplu pentru a ne uita la fiecare element al codului, ce este scris în el, ce înseamnă și ce se întâmplă în final.

Majoritatea etichetelor sunt împerecheate, ceea ce include o etichetă de deschidere și una de închidere. Pe lângă astfel de etichete, există și etichete unice. Etichetele pot merge împreună cu altele, astfel cuibărându-se unele în altele. De exemplu, afișați textul cu caractere aldine și cursive simultan.

Text

Permiteți-mi să vă reamintesc încă o dată, trebuie să urmați regulile prezente în document. Acesta este modul în care browserul înțelege ce este pe pagină, secvența acesteia, conținutul și așa mai departe.

O etichetă este o componentă care îi spune browserului web să efectueze o anumită sarcină. De exemplu, prezența unui paragraf, tabel, formular sau imagine.

Atribut - modifică eticheta. De exemplu, puteți alinia un paragraf centrat sau aliniat la dreapta, puteți, de asemenea, să setați locația imaginii pe pagină și așa mai departe.

ÎNTOTDEAUNA închideți etichetele, dacă îl deschideți, cu siguranță ar trebui să îl închideți. În caz contrar, va apărea o eroare și documentul dvs. nu se va afișa corect pe pagină. Există și excepții, care nu trebuie uitate.

Este clar necesar să înțelegeți că există un titlu de document și corpul acestuia. Titlul este tot ceea ce este conținut în etichetă. Corpul documentului (), corpul documentului conține tot conținutul paginii. Dacă este necesar să lăsați o secțiune de cod pentru dvs., incluzând astfel aceste etichete în comentarii, eticheta este folosită pentru aceasta. Tot ceea ce se află în interiorul unei astfel de etichete servește drept comentariu și nu este perceput de browsere.

Să începem cu primul. La începutul documentului am deschis o etichetă și la sfârșit am închis-o. Acest cod este prezent în absolut fiecare document, îi spune browserului că tot ce este plasat între aceste etichete este cod HTML. Este rădăcina documentului în sine, tot ceea ce este prezent ulterior în spatele acestei etichete nu mai este inclus în document și nu este perceput de browsere. Chiar la începutul documentului, eticheta este deschisă și la sfârșit trebuie închisă.

Întreaga secțiune a acestei etichete conține toate informațiile tehnice ale documentului. Ca și eticheta anterioară, capul trebuie de asemenea deschis și închis la sfârșit. Aceste informații includ titlul paginii, descrierea, cuvintele cheie ale motorului de căutare și codificarea. Despre codificare puțin mai jos.

Conţinut

Această etichetă este inclusă în cap și trebuie să fie scrisă în interiorul etichetei. Această etichetă de titlu este obligatorie și trebuie să fie prezentă în fiecare document HTML. În plus, apare ca titlul ferestrei browserului. Lungimea unui astfel de antet nu trebuie să depășească 60 de caractere. Textul unui astfel de antet ar trebui să conțină cele mai complete informații care caracterizează conținutul paginii.

Dacă ați scris „Hello World” în antet, aceasta este informația care ar trebui să fie afișată pe pagină și nu alta. Nu ar trebui să înșeli oamenii și motoarele de căutare, nu le place și, prin urmare, înrăutățiți lucrurile pentru dvs. Informațiile conținute în această etichetă ar trebui să fie relevante pentru conținutul paginii dvs.

După eticheta de titlu obligatorie, există o etichetă meta opțională, dar la fel de importantă. Această etichetă este singură. Folosind această etichetă, setați o descriere pentru pagină (descriere) și cuvintele ei cheie (cuvinte cheie).

În plus, metaeticheta poate conține date despre autorul paginii și alte proprietăți de metadate. Puteți împiedica indexarea întregii pagini de către motoarele de căutare. Setați pagina să se reîmprospăteze automat după 20 de secunde sau după 5 secunde, urmată de trecerea la o altă pagină.

Pot exista mai multe astfel de meta-elemente, deoarece pot transporta informații complet diferite. Alți utilizatori, când deschid pagina în browser, nu văd toate descrierile dvs., toate acestea rămân ascunse.

Eticheta de stil poate fi folosită și pentru a seta stiluri pe pagină. Dacă utilizați mai multe stiluri CSS diferite, atunci este recomandabil să le setați într-un fișier separat. Dacă trebuie să specificați mai multe dintre ele, toate acestea pot fi specificate direct în documentul html.

.bază ( lățime: 100px; culoarea fundalului: #000; înălțimea: 150px; culoare: #fff; )

Sau adăugați stiluri în mod specific unei etichete, pentru a face acest lucru, trebuie să adăugați un element de stil în interiorul etichetei. Această etichetă trebuie utilizată în interiorul unui container care stabilește stiluri pentru pagină. Puteți folosi mai multe astfel de etichete, aceasta nu va fi o eroare.

Un pic similar cu eticheta anterioară, eticheta de link vă permite să setați stiluri pentru un document care se află într-un alt fișier. Cu alte cuvinte, puteți atașa o foaie de stil CSS completă, care constă din multe proprietăți, unui document existent. Astfel, reduceți dimensiunea documentului, care în cele din urmă se va încărca și se va deschide mai repede pe un computer sau dispozitiv mobil cu viteze scăzute de internet.

Puteți conecta mai mult de un fișier, nu există restricții. Nu este nevoie să închideți o astfel de etichetă. Dacă totul este făcut corect, anumite stiluri dintr-un fișier separat vor fi încărcate în documentul dvs. Această etichetă poate fi adăugată la html-ul de bază și nu uita de existența sa. Rezultatul este o imagine ca aceasta:

Folosind eticheta de script, puteți conecta diferite scenarii (scripturi) la un document. Este necesară prezența etichetei de închidere. Scriptul în sine poate fi localizat la începutul documentului, în interiorul sau la sfârșit.

Spune browserului că orice lucru plasat între aceste etichete ar trebui să apară în fereastra browserului dvs. Iată principalele etichete care pot fi prezente în absolut fiecare document. Eticheta body servește ca corp principal al paginii, care include tot conținutul acesteia. Este recomandabil să deschideți această etichetă și să nu uitați să o închideți la sfârșitul documentului.

Să mergem mai departe, vedem o etichetă care se deschide și se închide în același mod. Această etichetă denotă titlul principal al textului, în majoritatea cazurilor, sub titlul H1 se află titlul paginii; De fapt, există doar șase titluri de date.

. Sunt folosite și în SEO, dar acesta este un subiect ușor diferit. Cu siguranță voi evidenția un articol pentru asta și le voi oferi o descriere detaliată, abonați-vă la actualizările blogului ca să nu pierdeți nimic.

Prezența unor astfel de titluri în articol va juca un rol important în promovarea paginii. În plus, utilizarea lor vă oferă o structură clară a paginii, titlul, subtitlurile, evidențierile, subparagrafele și așa mai departe. Folosește-le întotdeauna și pune-le în practică. Pe multe CMS, cum ar fi WordPress, atunci când scrieți text, puteți vedea „titlu 1”, „titlu 2”, „titlu 3” și așa mai departe. Ei sunt cei responsabili pentru h1, h2 și h3.

Dacă scrieți textul corpului dintr-un paragraf nou, scrieți o etichetă

document HTML

Acest text va fi aldine, iar acesta este tot cu caractere cursive

Fiecare document conține un titlu și un element de titlu. Prima, care vine imediat după prima etichetă. Această etichetă conține toate informațiile despre pagină, conține și elementul. Titlu – informații despre titlul paginii, cu alte cuvinte titlul paginii, numele acesteia. În titlu indicați numele corect al paginii prin care utilizatorul vă va căuta printr-un motor de căutare, punct foarte important. Ambele elemente trebuie să fie deschise și, de asemenea, închise. Fiecare element este închis cu semnul „/”. Rezultatul este o imagine ca aceasta.

Titlu și conținutul paginii

După cum puteți vedea, nu este nimic complicat. Iată cele mai de bază etichete care ar trebui să fie prezente în fiecare document html. Nu uitați să închideți fiecare dintre ele, altfel browserul nu va putea percepe imaginea completă a codului. Trebuie să știi și să-ți amintești mereu acest lucru. Apoi începeți să inserați text, imagini, videoclipuri și așa mai departe. Dar asta va fi deja în alte articole.

Pentru a lucra cu codul, utilizați programul Notepad++. Este gratuit și nu este greu să-l găsești pe Internet. Foarte convenabil pentru înțelegerea oricărui cod, de asemenea, afișează convenabil etichetele de deschidere și de închidere. Suportăm sintaxa a peste 40 de limbaje de programare. Exact ceea ce aveți nevoie pentru a învăța elementele de bază ale html.

Blocnotesul este superior în toate privințele unui blocnotes obișnuit. Pentru confort, simplitate și învățare maximă, acest editor trebuie instalat inițial pe computerul dumneavoastră. Cel mai important avantaj și comoditate este că editorul Notepad++ afișează indicii atunci când scrieți cod, ceea ce vă face munca mult mai rapidă și de mai bună calitate.

Fiecare document trebuie să conțină, de asemenea, următorul element doctype. De ce este nevoie și ce ar trebui să fie în el. De obicei oamenii nu sunt foarte pasionați de aceste linii, le copiază în documente și lucrează calm. Aceste elemente spun browserului ce versiune de html este utilizată în document, care este descrierea paginii, ce codificare este utilizată, ce cuvinte cheie sunt incluse, cine este autorul și cum se numește pagina.

Ele sunt de obicei plasate chiar la început. Există mai multe opțiuni și toate diferă unele de altele, voi scrie un exemplu care este folosit cel mai des. Acest gol poate fi folosit ca șablon gata făcut. În continuare va fi o descriere clară a fiecărei linii, nu ar trebui să existe probleme cu aceasta.

Pe scurt, într-un limbaj clar despre elementele de bază ale html: Această linie spune browserului că acest document este versiunea XHTML 1.0, se folosește limba engleză și toată această mizerie se află la această adresă. Apoi, în metaeticheta indicăm codificarea care este utilizată. Cel mai des folosit este Windows 1251.

Descriere - este atins subiectul SEO, una dintre cele trei tag-uri principale care trebuie sa fie prezente in absolut fiecare document acest tag indica descrierea paginii; Ce este scris pe această pagină, o scurtă descriere, nu mai mult de două propoziții. Eticheta de cuvinte cheie acoperă și subiectul SEO, această etichetă este necesară. Conține cuvinte cheie pe care utilizatorii de internet le vor folosi pentru a vă găsi prin motoarele de căutare.

Eticheta de titlu conține numele documentului în sine, titlul acestuia, pe care îl vedem în browser. Probabil cea mai importantă etichetă din întregul document, care are cel mai mare impact asupra promovării paginii. Articolul despre adăugarea și proiectarea descrie această etichetă mai detaliat.

Ce trebuie să rețineți din această lecție despre elementele de bază ale html:

Toate paginile principale ar trebui să fie întotdeauna numite index. Așa este acceptat și toată lumea este obișnuită, indiferent de extensia de fișier, poate fi html sau php. Întotdeauna se numește așa.

Urmăriți un videoclip despre elementele de bază ale HTML de la Webformyself.

Limbajul de marcare hipertext, elemente de bază și structură. Voi încerca să descriu toate acestea și multe altele pe blogul meu. În primul rând, vor fi scrise informații utile pentru începători, va fi oferit un exemplu de cod și va fi oferită posibilitatea de a descărca exemplul în sine împreună cu pagina finală.

Abstract

1. Scurt istoric al WWW

2. Limbajul HTML - construirea documentelor Web:

a) Șablon de document web

b) formatarea textului

c) formatarea paragrafelor

d) lucrul cu imagini de imagini:

I. imagini de fundal

II. imagini statice și dinamice

f) rame:

I. Rame verticale

II. Cadru orizontal

III. Cadre imbricate

Mijloace alternative de pregătire a documentelor

Este bine cunoscut faptul că Internetul este, în special, un depozit uriaș de tot felul de informații. Înainte de apariția World Wide Web (WWW), navigarea pe Internet în căutarea informațiilor necesare nu putea fi numită convenabilă. Pentru a primi un fișier de la un server FTP, a trebuit să descărcați separat aplicația client. În același timp, trebuia să vă amintiți parola, trebuia să navigați prin numeroase directoare în căutarea fișierului dorit, fără a uita să setați modul corect de transfer înainte de a-l primi; cunoașteți numeroase comenzi pentru lucrul cu servere FTP etc. Dacă trebuia să vizualizați o conferință, trebuia să lansați o altă aplicație, care avea propriul set de comenzi pentru citirea, redirecționarea și salvarea mesajelor din conferințe. Toate acestea erau incomod.

În urmă cu aproximativ cinci ani s-a încercat organizarea ordinii de informare pe internet. Acest lucru a dus la apariția serviciului World Wide Web, care a luat naștere la Centrul European de Cercetare Nucleară din Suedia. Ideea WWW se bazează pe așa-numitul hipermedia documente sau documente Web, numite și pagini Web, menite să pună ordine în organizarea și regăsirea datelor. Aceste documente pot conține atât informații text, cât și non-text (de exemplu, imagini, sunet), precum și link-uri. Link-urile sunt indicatori cu care vă puteți deplasa liber dintr-un loc în altul dintr-un document sau chiar vă puteți referi la un document separat, care poate fi situat în cealaltă parte a lumii. Deși documentele Web pot conține o mare varietate de informații, nu doar text, ele sunt aproape întotdeauna numite hipertext ( hipertext) documente, ceea ce în general nu este în întregime adevărat.

Pe ecran, un document Web tipic arată ca un set de text cu link-uri pot fi prezente; Puteți răsfoi documentul, vizualiza conținutul și puteți naviga rapid prin el sau prin alte documente folosind link-uri.

Odată cu apariția WWW, Internetul a început să servească text și grafică, iar cu mouse-ul a devenit posibil să călătorești în jurul lumii și să găsești cu ușurință informațiile de care ai nevoie cu un simplu punct și clic. A devenit ușor să descărcați fișiere și să citiți conferințe. Acesta este motivul pentru care serviciul WWW a câștigat popularitate în întreaga lume și a devenit larg răspândit. În fiecare zi, pe Internet apar un număr mare de servere Web și sunt publicate mii de documente noi.

Pentru a construi documente Web pe WWW, se folosește un limbaj special numit HTML, care înseamnă HyperText Markup Language - un limbaj de marcare hipertext, un limbaj de formatare a datelor. Bazat pe Standard Generalized Markup Language (SGML), HTML definește formatarea și organizarea datelor în documentele Web. Nu definește exact cum va fi plasat textul pe ecran; definește structura datelor. Un document Web poate conține mai mult decât informații textuale și, prin urmare, limbajul HTML ar fi mai corect numit HyperMedia Markup Language, dar în literatură abrevierea HTML este aproape întotdeauna folosită. Un document creat în HTML este un fișier obișnuit în format ASCII. Se bazează pe descriptori speciali (etichete), care determină formatarea datelor în orice document Web. Desigur, este necesar un software special pentru a vizualiza documente HTML pe World Wide Web. Astfel de programe se numesc browsere (din engleză. răsfoiește– răsfoiți, răsfoiți). Cu ajutorul lor, puteți descărca și vizualiza pagini Web, puteți naviga pe WWW etc. În prezent, există un număr destul de mare de browsere, dintre care cele mai populare browsere sunt Microsoft Internet Explorer, Netscape Navigator și NCSA Mosaic. Browserul, după ce a citit fișierul HTML, interpretează datele conținute în document folosind descriptori și le afișează pe ecranul computerului în mod corespunzător. 1 prezintă un exemplu de document Web:

Fig.1 Exemplu de document Web

Limbajul HTML evoluează rapid. În procesul dezvoltării sale, a dobândit noi capacități și le-a pierdut pe cele puțin utilizate și învechite. În prezent, versiunea oficială actuală a limbajului HTML este versiunea 3.2, care a dezvoltat instrumente pentru construirea documentelor Web. În comparație cu HTML 2.0, noua versiune oferă noi funcții, cum ar fi tabele, încadrarea textului în jurul imaginilor, încorporarea applet-urilor Java și alte caracteristici.

Astăzi, pe lângă versiunea oficială a limbii, există și versiuni de HTML de la Microsoft și Netscape, care acceptă și caracteristici suplimentare care nu sunt descrise în specificația pentru versiunea oficială a HTML. Pentru a rezolva problema compatibilității browserului la afișarea documentelor compuse folosind elemente din versiuni neoficiale ale limbajului HTML, companiile menționate mai sus includ suport pentru o versiune alternativă a limbii în produsele lor. Versiunea 4.0 a limbajului, numită HTML dinamic, este pe drum, promițând îmbunătățiri ale vechilor și interesante noi funcții pentru proiectarea documentelor Web. W3C (World Wide Web Consortium - organizația de standarde World Wide Web) propune deja această versiune a limbajului ca standard. Există versiuni ale noii versiuni a limbii de la Microsoft și Netscape, care, totuși, nu sunt încă compatibile între ele. Această lucrare dezvăluie principalele instrumente pentru construirea documentelor din HTML versiunea 3.2 de la Netscape Communications.

După cum sa menționat mai sus, formatarea unui document în HTML este specificată de descriptori speciali. Un descriptor este o comandă de formatare a datelor și este cuprins între paranteze unghiulare „”. Există mânere de deschidere și de închidere, între care este plasat textul de formatat. Descriptorii de deschidere specifică metoda de formatare, în timp ce al doilea descriptor o înlocuiește. Diferența dintre acești descriptori este că în descriptorul de închidere numele este precedat de o bară oblică. De exemplu, descriptori. Există și mânere care nu necesită o opțiune de închidere.

HTML nu face distincție între majuscule și minuscule, așa că toți descriptorii pot fi specificați fie cu litere mari, fie cu litere mici. Browserul le va interpreta fără ambiguitate în orice ortografie.

Dacă vă uitați la textul sursă al unei pagini web tipice, veți vedea ceva de genul următor:

titlul documentului

text

text

text

text

Între descriptori se află întregul document în sine. Descriptori și definesc domeniul de aplicare al stabilirii titlului documentului. Titlul documentului este plasat între pereche. Conținutul său este vizibil în titlul ferestrei browserului. Informațiile din antet sunt folosite de unii roboți web pentru a indexa datele atunci când accesează cu crawlere resursele WWW. În această zonă puteți introduce, de exemplu, informații despre autor, o scurtă descriere a documentului. Între descriptori se află datele care vor fi afișate de browser pe ecran. Descriptorii conțin informații despre autor care vor fi afișate, de exemplu, numele și prenumele autorului, adresa sa de e-mail, data la care documentul a fost creat și modificat etc.

Strict vorbind, niciunul dintre descriptorii de mai sus nu este obligatoriu la crearea documentelor, dar ajută la structurarea documentelor, iar definirea lor este un semn de bun stil la alcătuirea paginilor Web.

Formatarea textului implică afișarea textului într-un anumit font sau cu anumite atribute.

Pentru a formata textul, trebuie să includeți o linie sau linii de text între o pereche de mânere. Următoarea este o listă de bază a descriptorilor și a rezultatelor formatării textului:

De exemplu, dacă trebuie să afișați o anumită linie pe ecran cu caractere cursive, atunci trebuie să introduceți următoarele în corpul documentului Web:

Acest text este scris cu caractere cursive

Ca rezultat, browserul va afișa:

Acest text este scris cu caractere cursive

Descriptorii pot fi combinați între ei în orice ordine, de exemplu, combinația

Acest text este tipărit cu caractere cursive aldine

va produce următorul rezultat:

Acest text este tipărit cu caractere cursive aldine

Unele documente Web conțin linii intermitente de text concepute pentru a atrage atenția utilizatorului. În aceste scopuri se utilizează descriptorul:

Acesta este un text intermitent

Cu toate acestea, această extensie de limbaj Netscape este rar folosită și poate deveni în curând învechită.

Designul paginilor Web folosește adesea fonturi de diferite dimensiuni. Puteți scoate o linie cu o dimensiune de font diferită de cea normală folosind descriptori text, unde n este un număr de la 1 la 7 care determină dimensiunea fontului relativ la normal. Deci următorul text se află în corpul documentului

Acest text este cu patru dimensiuni mai mare decât în ​​mod normal

ecranul va arăta astfel:

Acest text este cu patru dimensiuni mai mare decât în ​​mod normal.

Trebuie remarcat faptul că perechile de descriptori Şi, și sunt, de asemenea, elemente ale versiunii HTML a Netscape și, prin urmare, este posibil să nu fie acceptate de alte browsere.

Informațiile text postate pe paginile Web sunt organizate în paragrafe. Un paragraf începe cu un descriptor și se termină cu un descriptor de închidere.

Primul paragraf

Al doilea paragraf

Ca urmare, următorul rezultat va apărea pe ecran:

Primul paragraf

Al doilea paragraf

La alcătuirea unui document, este necesar să se țină cont de faptul că browserul ignoră spațiile dintre cuvinte și întreruperile de rând la formatarea textului, deci consideră ca paragraf doar textul care se află între descriptori. Întreruperea de linie forțată este setată de descriptor
, care nu are o opțiune de închidere. Exemplu de cod:

Prima linie

A doua linie

Ca rezultat, browserul va afișa:

Prima linie

A doua linie

Dacă trebuie să afișați text cu numărul necesar de spații și întreruperi de rând, trebuie să-l încadrați în descriptori AND. Acesta este folosit în mod obișnuit pentru a afișa listele surselor programului pe ecran. În acest caz, textul va fi afișat într-un font monospațiu.

Crearea antetelor

Titlurile de diferite niveluri sunt specificate folosind descriptori și , unde n este un număr de la 1 la 6. Cel mai mare titlu este specificat de descriptor , cel mai mic de descriptor . De exemplu:

Acesta este un titlu de nivel 1

Acesta este un antet de nivel 3

Acesta este un titlu de nivel 6

Ca rezultat, ecranul va afișa:

Acesta este un titlu de nivel 1

Acesta este un antet de nivel 3

Acesta este un titlu de nivel 6

Titlurile sunt unul dintre cele mai frecvent utilizate elemente de proiectare a documentelor pe WWW.

Crearea listelor

În HTML, este posibil să se definească trei tipuri de liste: liste numerotate, liste nenumerotate, liste de definiții. Începutul și sfârșitul listei sunt specificate prin descriptori speciali, iar înaintea fiecărui element al listei este specificat un descriptor