Aflați HTML

HTML este abrevierea lui Hyper Text Markup Language

conținut

Pași
Partea 1aflați elementele de bază ale codului html
Antet
Antet
Antet
Antet
Antet
Partea 2aflați cod html avansat
Sfaturi
Avertismente
Accesorii

, este codul sau limbă care este folosit pentru crearea de site-uri web. Ar putea părea complicat dacă nu ați programat niciodată, dar pentru al încerca, aveți nevoie doar de un program simplu de procesare a textului și de un browser de internet. S-ar putea să recunoașteți câteva coduri HTML din forumuri, profiluri online sau articole wikiHow. HTML este un instrument util pentru oricine care folosește internetul, iar învățarea HTML poate dura mai puțin timp decât v-ați aștepta.

pași

Partea 1
Aflați elementele de bază ale codului HTML

Deschideți un document HTML. Cele mai multe programe de procesare a textelor, inclusiv Notepad sau Word pentru Windows și Text Editor pentru Mac, pot fi folosite pentru a crea documente HTML. Deschideți un document nou și selectați Fișier → Salvare ca din meniul de sus pentru a salva documentul ca pagină web sau pentru a modifica extensia de fișier ".doc". ".rtf" sau altceva ".html" sau ".htm".

Este posibil să apară acum un avertisment prin care să se precizeze că documentul dvs. va fi modificat de la formatul RTF (Rich Text Format) la format "text simplu", și că anumite opțiuni de formatare și imagini nu sunt stocate corect. Puteți ignora acest avertisment - documentele HTML nu utilizează aceste opțiuni.
.Fișierele html și .htm sunt aceleași. Funcționează atât.

Vizualizați documentul cu un browser. Salvați documentul gol, închideți-l și apoi faceți dublu clic pe documentul din locul în care a fost salvat pentru al deschide din nou. Dacă totul merge bine, documentul dvs. va fi acum deschis de browserul dvs. ca o pagină web goală. Dacă aceasta nu funcționează, trageți pictograma fișierului în bara de adrese a browserului. Dacă mai târziu editați documentul HTML urmând pașii din acest articol veți merge vreodată înapoi la browser pentru a verifica modul în care modificările arata ca în codul.

Notă: pagina dvs. Web nu este încă online. Pagina nu este accesibilă altor persoane și nu aveți nevoie de o conexiune de internet activă pentru a le testa. Utilizați browserul numai pentru a edita documentul HTML "citit" ca și cum ar fi un site web.

Înțelegeți ce etichete sunt. Etichetele nu sunt vizibile pe pagina web finală, așa cum este textul normal. Etichetele indică browserului modul în care pagina și conținutul ar trebui afișate pe pagină. Ziua de start conține instrucțiuni. De exemplu, poate să spună browserului că textul trebuie să apară cu caractere aldine. Eticheta de final este necesar pentru a spune browser-ului în cazul în care se aplică instrucțiunile: în acest exemplu, toate textele aldine între începutul și sfârșitul tag-ul. Etichetele de sfârșit sunt de asemenea plasate în paranteze, dar după prima paranteză urmează o slash.

Scrieți etichete de început între paranteze: <aceasta este ziua de început>

Scrieți etichete de încheiere în paranteze, dar plasați o bară după primul bracket: aceasta este ultima zi>)

Citiți mai jos în articol despre modul de scriere a etichetelor funcționale. În acest pas nu trebuie decât să vă amintiți cum scrieți etichete: < > și.

Etichetele sunt, de asemenea, numite în alte cursuri HTML "element" iar textul dintre etichetele de început și sfârșit este de asemenea apelat "conținutul de elemente" a spus.

Scrie primul -tag-ul. Fiecare document HTML începe cu un -eticheta și se termină cu o -tag-ul. Acest lucru îi spune browser-ului că totul între aceste etichete este scris în HTML. Adăugați aceste etichete în documentul dvs.:

scrie în partea de sus a documentului.

Apăsați Enter sau reveniți de mai multe ori pentru a vă oferi spațiu și apoi scrieți

Ține minte că tu toate plasat între aceste două etichete în acest articol.

Fă-o -parte a documentului. Între etichete și scrie unul -zi de început și o zi finală. Faceți din nou un spațiu între aceste etichete. Tot ceea ce este scris între aceste etichete nu va fi vizibil pe pagina web. Încercați pașii următori și vedeți dacă puteți vedea unde se afișează informațiile:

Scrieți între etichete și : și

Între etichete și scrieți: Învățarea HTML - wikiHow.

Salvați documentul și deschideți-l într-un browser (sau salvați documentul și actualizați pagina în browser-ul atunci când pagina a fost încă deschisă). Vedeți ce ați scris în partea de sus a paginii de deasupra barei de adrese?

Faceți una -secțiune. Totul în acest document începător este în secțiune plasat, și care este afișat pe pagina web. după eticheta, dar pentru scrieți eticheta și . Tot ceea ce discutăm în acest articol este plasat între etichetele corpului. Dacă totul merge bine, aveți acum un document care arată astfel (fără gloanțe):

Învățarea HTML - wikiHow

Adăugați text în diferite stiluri. Acum este timpul să scrieți ceva care va fi de fapt vizibil în browser! Tot ce scrieți în etichetele corporale va fi vizibil în browser după ce ați salvat modificările și ați refăcut pagina în browser. scrie nu ceva cu personajele < și >, deoarece browserul dvs. va interpreta acest lucru ca o instrucțiune HTML în loc de textul obișnuit. Scrie, de exemplu Bună ziua! (Engleză pentru "Bună ziua!"Acesta este primul exemplu la nivel mondial program de text standard în fiecare curs într-un anumit limbaj de programare) sau altceva, și puneți aceste tag-uri înainte și după textul și urmăriți întotdeauna ceea ce se întâmplă:

Bună ziua! arata ca text italic: Bună ziua!

Bună ziua! arată ca text îndrăzneț: Bună ziua!

Bună ziua! arata ca un text transversal: ~~Bună ziua!~~

^{Bună ziua!} arata ca superscript: ^{Bună ziua!}

_{Bună ziua!} arata ca o subtitrare: _{Bună ziua!}

Încercați combinații: Cum arată? Bună ziua! arata ca?

Împărțiți textul în secțiunile de mai jos. Dacă plasați în documentul dvs. diferite linii de text, veți vedea că toate liniile sunt plasate succesiv. Trebuie să programați noi reguli și reguli de degetul mare:

Acesta este un paragraf separat.

Această teză este pe prima linie
și această propoziție la următoarea.

Aceasta este prima etichetă pe care o întâlnim, care nu are nevoie de o etichetă finală! Noi numim o astfel de etichetă tag-ul gol.

Creați anteturi pentru a clarifica numele secțiunilor:
antet: cel mai mare antet posibil
antet (2^e nivel superior)
antet (3^e nivel superior)
antet (4^e nivel superior)
antet (cel mai mic antet posibil)

Aflați cum să creați liste. Există moduri diferite de a crea liste pe o pagină web. Încercați următoarele metode pentru a afla ce vă place cel mai mult. Rețineți că o pereche de etichete este plasată în jurul întregii liste (cum ar fi etichetele

și pentru liste neordonate) și că fiecare alt element din listă este plasat cu o pereche de etichete diferite, cum ar fi

și

Utilizați următorul cod pentru a crea liste cu ghilimele:

Un element
Un alt element
Un alt element

Sau acest cod pentru a crea liste numerotate:

Punctul 1

Punctul 2

Punctul 3

Sau acest cod pentru a crea o așa numită listă de definiții:

cafea
- Băutură caldă
lapte
- Rece băutură

Faceți-vă mai atractivă pagina cu noi reguli, linii orizontale și imagini. Acum este momentul să adăugați alte lucruri pe pagina dvs. Încercați următoarele etichete (imaginea trebuie plasată online pentru a putea folosi un link spre imagine):

Adăugați o linie:

Inserați imaginile:

Adăugați linkuri către alte locuri din pagină. De asemenea, puteți utiliza acest cod pentru a vă conecta la alte pagini și site-uri web, dar pentru că nu aveți încă un site web, ne vom concentra pe "ancore" (ancore) sau anumite locuri de pe pagina pe care le puteți conecta:

Mai întâi creați o ancoră cu eticheta în punctul din pagina la care doriți să vă conectați. Dați ancorei dvs. un nume clar, ușor de reținut:

Acesta este textul în jurul căruia plasați ancora.

Utilizați eticheta pentru a vă conecta la ancora sau la altă pagină web:

Scrieți textul sau imaginea care este afișată aici.

Pentru a vă conecta la o ancora pe altă pagină, adăugați semnul # după url, urmat de numele ancorei. De exemplu https://sedhesrebsit.ru/HTML-leren#Tips te duce direct la secțiune "sfaturi" pe această pagină.

Partea 2
Aflați cod HTML avansat

Aflați despre atribute. Atributele sunt plasate în interiorul etichetei și sunt utilizate pentru a efectua ajustări suplimentare la "conținutul de elemente" între zilele de început și sfârșit. Nu stau singuri. Acestea sunt scrise astfel: nume ="valoare". în special reprezintă numele atributului (de exemplu "culoare") și valoare descrie acest caz specific (de exemplu "roșu").

Dacă ați uitat atent în partea anterioară a acestui articol, ați întâlnit deja atribute. Eticheta utilizează atributul src, o ancora utilizează atributul în special iar link-urile utilizează atributul href. Puteți vedea că acestea sunt toate dimensiunile ___ ="___" urmați.

Experimentați cu tabelele HTML. Pentru a crea o tabelă sau un grafic aveți nevoie de etichete diferite:

Începeți cu etichetele pentru tabel ("tabel" în engleză) în jurul întregii mese:

Plasați etichete în jurul conținutului fiecărui rând:

Puneți anteturile coloanelor în primul rând:

Plasați celulele în rânduri consecutive:

Acesta este un exemplu în care se întâmplă toate acestea:

Coloana 1: Luna Coloana 2: banii economici
ianuarie € 100

Coloana 1: Luna	Coloana 2: banii economici
ianuarie	€ 100

Aflați celelalte etichete utilizate în secțiunea cap. Ai eticheta deja ați învățat, plasați-o la începutul fiecărui document. Alături de etichetă pot exista alte etichete în secțiunea cap:

Metatagii sunt obișnuiți metadate pentru a genera o pagină web. Aceste date sunt folosite de motoarele de căutare pentru a clasifica paginile web. Pentru a face paginile vizibile pentru motoarele de căutare, puteți plasa unul sau mai multe meta tag-uri (etichete de final nu sunt necesare), fiecare etichetă trebuie să conțină exact un atribut nume și atributului de conținut, de exemplu: - sau

-etichetele sunt utilizate pentru a lega alte fișiere de pagină. Acesta este de obicei folosit pentru a lega foi de stil CSS pentru pagini HTML, aceste pagini sunt compilate cu alt cod și să fie utilizate pentru a determina stilul general al unei pagini.

Redați cu HTML din paginile existente. Vizualizarea codului sursă al paginilor web este o modalitate foarte bună de a vă extinde cunoștințele HTML. Faceți clic pe butonul din dreapta al mouse-ului pe pagină și selectați "Vizualizați codul sursă". "Afișați sursa paginii" sau ceva similar. Încercați să aflați ce etichetă anume nu știți sau căutați răspunsul online.

Nu puteți modifica site-urile web ale altora, dar puteți să copiați codul HTML în propriul document și să jucați cu el pentru a vedea ce ajustări pot provoca. Notă: deoarece multe site-uri utilizează foi de stil CSS, este posibil să nu puteți vedea multe culori sau alte stiluri.

Aflați mai multe despre HTML citiți articole mai detaliate. Există multe surse pe internet pentru a stăpâni mai multe etichete HTML, cum ar fi W3Schools sau Codecademy. Există, de asemenea, numeroase cărți pe HTML disponibile, dar rețineți că utilizați o ediție recentă, deoarece standardul din domeniul HTML se modifică din când în când. După ce ați învățat HTML la un nivel bun, vă puteți concentra pe CSS pentru mai mult control asupra designului și stilului paginii dvs. web. Apoi, pasul următor este de obicei jаvascript.

sfaturi

Poate fi util să căutați o pagină web simplă pe Internet și apoi să începeți să jucați cu codul. Încercați să mutați un text, să schimbați fontul, să schimbați imaginile, orice vreți!
Puteți utiliza un notebook pentru a scrie codul, astfel încât să aveți ceva de pierdut dacă nu vă amintiți. De asemenea, puteți imprima această pagină și păstrați-o ca referință.
XML și RSS sunt utilizate din ce în ce mai mult pe site-uri web. Codul poate părea inaccesibil pentru ochiul uman, mai ales dacă îl priviți în codul sursă, dar funcționalitatea poate fi utilă.
Etichetele utilizate în HTML nu fac diferența între majuscule și majuscule, însă implicit este utilizarea literelor mici (așa cum facem în acest articol). Literele mici pentru etichete sunt foarte recomandate, de asemenea, pentru compatibilitatea cu XHTML.

avertismente

Unele etichete nu mai sunt utilizate și au fost înlocuite de alte etichete care fac același lucru, dar oferă adesea mai multe posibilități.
Dacă doriți să vă asigurați că pagina dvs. îndeplinește standardul HTML, accesați site-ul W3 pentru a vă testa codul în raport cu standardul actual. Multe etichete sunt învechite și înlocuite cu etichete care funcționează mai bine pe browserele moderne.

accesorii

Un program de procesare de text, de exemplu Notepad (Windows) sau Text Editor (Mac).
o foaie de hârtie sau un notebook (facultativ)
Un program special creat pentru a scrie HTML, cum ar fi Notepad ++ pentru Windows sau TextWrangler for Mac (facultativ)

Distribuiți pe rețelele sociale:

înrudit