Scrieți o pagină HTML

HTML (Hypertext Markup Language) este un limbaj standard pentru proiectarea de pagini web. Acesta este conceput pentru a fi un limbaj de programare ușor și versatil. Deci, despre fiecare pagină pe internet, proiectat cu o anumită formă de acest cod (ColdFusion, XML, XSLT). HTML este usor de stapanit, dar poate fi consumatoare de timp pentru a afla dacă într-adevăr doriți să exploreze toate caracteristicile lingvistice. Pentru paginile web pentru a oferi mai multă culoare și mai interesant este înțelept să continue CSS învățare, odată ce ați învățat elementele de bază de a crea o pagină HTML simplu.

pași

2

Salvați un fișier ca pagină web. Selectați Fișier → Salvare ca în meniul principal. Modificați extensia fișierului ".html" sau ".htm". Păstrați-l într-o locație unde puteți găsi cu ușurință.

3

Deschideți fișierul într-un browser web. Faceți dublu clic pe fișier și se deschide automat ca o pagină goală în browser. Puteți, de asemenea, să deschideți un browser, cum ar fi Firefox sau Internet Explorer și File → Open File pentru a selecta documentul.

4

Actualizați pagina pentru a vedea ce modificări au fost făcute. Introduceți următoarele în documentul gol: Alo. Salvați documentul. Actualizați pagina în browser și, dacă este corectă, veți vedea cuvântul "Alo" în partea de sus a ecranului, imprimate gros. De fiecare dată când doriți să vedeți o modificare în HTML, salvați documentul.html și actualizați fereastra browserului.

5

Ce sunt etichetele. Instrucțiunile HTML sunt scrise între "tag-uri" care spun browser-ului modul în care browserul ar trebui să interpreteze și să afișeze pagina. Aceste etichete sunt întotdeauna între paranteze unghiulare , și nu sunt afișate pe pagina web. Le-ați folosit deja în exemplul de mai sus:

6

Structura documentului. Ștergeți totul în documentul HTML. Copiați exact textul următor (ignorați punctele). Acest cod HTML indică browserului ce tip de HTML veți folosi și că toate codurile HTML și etichetele vor rămâne în vigoare.

7

Adăugați etichetele pentru cap și corp. Documentele HTML sunt împărțite în două secțiuni. "cap" secțiunea este pentru informații speciale, cum ar fi titlul paginii web. "corp" conține conținutul real al paginii web. Adăugați atât documentul dvs., cât și etichetele de sfârșit. Textul nou adăugat este îndreptat:

8

Dați paginii dvs. un titlu. Majoritatea etichetelor care sunt plasate în cap nu sunt importante pentru ca începătorul să învețe. Cu toate acestea, eticheta titlului este ușor de utilizat și determină ce este afișat ca titlu al paginii dvs. web în browser. Plasați titlul în etichetele corespunzătoare, care sunt plasate în interiorul etichetelor capului:

2

Adăugați anteturi în text. Împărțiți-vă pagina cu etichete de cap, care îi spun browserului să imprime text mai mare pe ecran. Acestea sunt, de asemenea, folosite de motoarele de căutare și alte instrumente, pentru a determina ce este pagina dvs. web și cum este clasificată. este cel mai mare cap, și puteți face mai puțin mare, până la capăt

. Încercați-le pe pagina dvs.:

3

Mai multe etichete pentru formatarea textului. Tu ai "puternic" eticheta deja, dar există multe modalități de formatare a textului. Încercați următoarele exemple, unde puteți amplasa mai multe etichete în jurul aceluiași text. Nu uitați să adăugați etichete de sfârșit!

4

Împărțiți-vă textul peste pagina web. S-ar putea să fi observat că nu este suficient să te ridici "introduce" doriți ca textul să continue pe o linie nouă. Următoarele etichete creează paragrafe și pauze de linii sau partajați textul în alte moduri:

 Dacă doriți să puneți text foarte precis, această etichetă pentru a vă asigura că va primi fiecare literă exact aceeași lățime și spațiile și sfârșiturile de linie copiate exact așa cum le-ați tastat.

5

Adăugați comentarii invizibile la codul HTML. Etichetele de comentariu nu sunt afișate în browser. Acestea vă oferă posibilitatea de a comenta cu privire la modul de funcționare a documentului HTML, fără a afecta conținutul. Nu adăugați o etichetă finală.

6

Utilizați-le în pagina dvs. Cea mai bună modalitate de a vă aminti aceste etichete este să le utilizați în pagina dvs. web. Iată un exemplu cu toate etichetele descrise mai sus. Încercați să prezicați cum va arăta acest lucru în browser și apoi copiați-l în documentul dvs. HTML pentru a vă asigura că sunteți corect.

2

Creați un link / link către o altă pagină. Utilizați eticheta pentru a crea un link sau un hyperlink către o altă pagină web. Introduceți adresa URL a paginii web pentru a crea o legătură utilizând atributul href. Iată un exemplu de cod pe care îl utilizați pentru a vă conecta la pagina web pe care o citiți acum:

3

Adăugați un atribut id la etichete. Un alt atribut pe care îl puteți utiliza în aproape fiecare etichetă HTML este acesta "id" Element. Scrieți într-o etichetă id ="exemplu" sau alt nume, dar fără spații. Acest lucru nu are efect vizibil, dar îl folosim în etapa următoare.

4

Conectați la un element cu un anumit id. Acum putem folosi eticheta hyperlink, pentru a face un link către o altă parte a paginii web. În loc de o adresă URL, folosim simbolul #, urmat de valoarea ID-ului la care suntem conectați. De exemplu, acest text formează o legătură cu paragraful cu idul "de exemplu."

5

Adăugați o imagine. eticheta este o etichetă goală, ceea ce înseamnă că nu este necesară nicio etichetă de sfârșit. Toate informațiile pe care browserul trebuie să le afișeze sunt adăugate cu atribute. Iată un exemplu care vă oferă logo-ul wikiHow pe ecran, urmat de o descriere a fiecărui atribut:

2

Aflați mai multe despre etichete și atribute. Există multe etichete HTML și atribute și multe locuri în care puteți obține acele cunoștințe:

3

Puneți-vă pagina online. Alegeți un serviciu de găzduire și încărcați cât mai multe pagini HTML pe care le doriți domeniului dvs. web. Pentru aceasta, utilizați un program FTP sau folosiți serviciul web gazdă.

4

Adăugați formatarea cu CSS. Dacă pagina HTML arată un pic goale, încercați să învețe elementele de bază ale CSS, astfel încât să puteți adăuga culori și fonturi, și mai mult control asupra poziționării elementelor într-o pagină. Conectarea unui CSS "stylesheet" De asemenea, pagina HTML vă permite să efectuați modificări rapid, ajustând automat aspectul întregului text într-o anumită etichetă. Joacă-te cu foaia de stil simplă pe măsură ce poți trece aici sau scufunzi mai adânc în materie prin ea HTML CSS ghidul CSS să citească.

5

Adăugați jаvascript pe pagina dvs. jаvascript este un limbaj de programare cu care puteți adăuga mai multe funcționalități la pagina HTML. jаvascript este introdus între etichetele de început și sfârșit și poate fi folosit pentru introducerea butoanelor interactive, calcularea problemelor de matematică și multe altele. Aflați mai multe despre el exemplele w3c.