Cum Se Creează Un Site Web Folosind Html

Cuprins:

Cum Se Creează Un Site Web Folosind Html
Cum Se Creează Un Site Web Folosind Html

Video: Cum Se Creează Un Site Web Folosind Html

Video: Cum Se Creează Un Site Web Folosind Html
Video: 😮 Cum sa creezi o pagina WEB in 15 minute folosind HTML & CSS ? | Programare Web #1 2024, Mai
Anonim

Astăzi, odată cu creșterea explozivă a internetului, tehnologiile web sunt din ce în ce mai utilizate, în special HTML și browserele web standard. HTML (HyperText Markup Language) este un limbaj de marcare hipertext. Acest format determină aspectul documentului, dispunerea reciprocă a textului, informațiilor grafice și multimedia. Campaniile sunt angajate în crearea de site-uri, pentru bani foarte mari. Dar cu ajutorul „html-tags” puteți crea cu propriile mâini un site web destul de interesant.

Cum se creează un site web folosind html
Cum se creează un site web folosind html

Este necesar

  • - browser;
  • - editor de text.

Instrucțiuni

Pasul 1

Formatul de fișier HTML este destul de simplu. Compunerea și modificarea fișierului se efectuează de către orice editor de text. Un browser web este utilizat pentru a vizualiza rezultatele. Principalul avantaj al documentelor HTML este capacitatea lor de a fi încrucișate între ele. Referințele încrucișate vă ajută să consultați rapid un document cu informații suplimentare despre un subiect de interes și apoi să continuați să lucrați cu textul sursă. Orice document scris folosind limbajul HTML constă din conținutul paginii, adică text și caractere de control - etichete. Toate etichetele HTML trebuie să fie încadrate între paranteze unghiulare. De obicei, se utilizează o etichetă de început și o etichetă de final. Eticheta de final diferă de eticheta de început prin prezența unei bare oblice.

Pasul 2

Pentru a începe crearea unui site, accesați un editor de text (blocnotes).

Apoi introduceți etichetele:

HTML - / HTML - prima și ultima etichetă a oricărui document HTML.

HEAD - / HEAD - începutul și sfârșitul capului documentului.

TITLE - / TITLE - setați titlul documentului (titlul ferestrei browserului).

BODY - / BODY - începutul și sfârșitul corpului documentului HTML, care definește conținutul documentului.

Pasul 3

Apoi, trebuie să stilizați textul. Acest lucru necesită următoarele etichete:

Hx - / Hx - (x este un număr de la 1 la 6) descrie titlurile la șase niveluri diferite. Primul nivel este cel mai mare, al șaselea este cel mai mic.

P - / P - descrieți un paragraf (eticheta / P poate lipsi).

ALIGN este un parametru care determină alinierea paragrafului:

ALIGN = CENTER - alinierea centrală;

ALIGN = DREAPTA - alinierea dreapta;

ALINIERE = STÂNGA - aliniere la stânga.

BR - mergeți la o nouă linie fără a sparge un paragraf.

B - / B - afișează textul cu caractere aldine.

I - / I - afișează text cu caractere cursive.

U - / U - text subliniat.

STRIKE - / STRIKE - text strikethrough.

BLOCKQUOTE - / BLOCKQUOTE - afișează ghilimele.

SUB - / SUB - afișează indicele.

SUP - / SUP - afișarea superscriptelor.

TT - / TT - utilizați un font cu o lățime de caractere fixă.

BIG - / BIG - mărește dimensiunea fontului curent.

SMALL - / SMALL - reduce dimensiunea fontului curent.

BASEFONT SIZE = n - (n este un număr de la 1 la 7) - valoarea de bază a dimensiunii fontului.

FONT SIZE = + / - n - / FONT - modificați dimensiunea fontului.

FONT COLOR = # xxxxxx - FONT - setarea culorii fontului: Aqua - val de mare; Negru - negru; etc.

BODY - modificați culoarea de fundal.

HR - linie orizontală, această etichetă poate folosi atribute:

COLOR - culoare linie;

SIZE - lățimea liniei în pixeli;

WIDTH - lățimea liniei în pixeli sau ca procent din lățimea ferestrei;

ALIGN - alinierea liniei;

NOSHADE - pictură fără umbră;

UMBRĂ - desen cu umbră.

Pasul 4

Dacă trebuie să introduceți orice listă pe site-ul dvs., trebuie să introduceți etichete:

UL - / UL - listă neordonată (enumerare, fără comandă):

LI - definirea unui articol din listă;

TYPE este un parametru care definește un marker de listă:

TIP = CERC - un cerc este folosit ca marker;

TIP = DISC - punctul este folosit ca marker;

TIP + PĂTRAT - un pătrat este folosit ca marker.

OL - / OL - listă numerotată:

TYPE este un parametru care specifică tipul listei:

TIP = A - literele majuscule latine vor fi utilizate ca numere de listă;

TIP = a - literele minuscule latine vor fi utilizate ca enumeratoare de listă;

TIP = I - numerele romane mari vor fi utilizate ca numere de listă;

TIP = i - numerele romane mici vor fi utilizate ca numere de listă;

START este un parametru care definește numărul de pornire al listei.

DL - / DL - listă cu explicații:

DT - desemnarea unui articol din listă;

DD este o explicație pentru un articol din listă.

Pasul 5

Pentru ca site-ul dvs. să nu se limiteze la o singură pagină, creați mai multe. Pentru a naviga, aveți nevoie de hyperlinkuri, care sunt definite de următoarele etichete:

A HREF = URL - / A - introduce un link în document (între etichete, trebuie să introduceți textul linkului).

HREF - adresa unei pagini sau resurse;

URL - adresă uniformă a resursei: servis: // server [: port] [/cale]:

service - numele protocolului (HTTP - acces la un document HTML, cerere FTP pentru un fișier de la un server FTP, acces FILE la

fișier pe mașina locală);

server - specificarea numelui resursei;

port - numărul de port pe care rulează serverul web;

calea este directorul în care se află resursa.

A HREF = # nume marcaj - / A - introduceți un link local (între etichete, trebuie să introduceți textul linkului).

A NAME = bookmark name - / A - setează marcajul către care va fi realizat linkul.

Pasul 6

Pentru ca site-ul să nu fie plictisitor, este necesar un design grafic. Pentru a face acest lucru, utilizați etichetele:

BODY BACKGRAOUND = "nume_fișier" - setează imaginea utilizată ca fundal.

IMG SRC = "nume_fișier" - introduceți un fișier grafic într-un document HTML, această etichetă utilizează parametrii:

ALT = "șir de text" - definește un șir de text care este afișat în locul unei imagini grafice dacă browserul a dezactivat capacitatea de a încărca automat grafica;

HEIGHT, WIDTH - înălțimea și lățimea imaginii în pixeli;

HPACE, VSPACE - lățimea spațiului liber care separă grafica de text orizontal și vertical;

ALIGN - alinierea textului în raport cu grafica.

Pasul 7

Și ultimul lucru pe care trebuie să-l faceți este să salvați fișierul text în format *.html și apoi să îl lansați folosind browserul. Site-ul este gata.

Recomandat: