Etichete HTML de bază care trebuie cunoscute pentru bloggeri și pentru cei care au un site web

Când doriți să creați un blog sau un site web, așa cum s-a văzut în articolele anterioare, nu este necesar să plătiți un profesionist, deoarece, dacă aveți timp și nu aveți nevoie de funcții avansate speciale, utilizați unul dintre acele programe online gratuite care vă permit să creați un site web fără cod HTML.
Chiar dacă aceste instrumente online sunt din ce în ce mai puternice și mai ușor de utilizat, nu puteți avea un site fără să știți nici măcar ABC-ul HTML sau limbajul principal de programare cu care sunt generate site-urile web.
HTML ( HyperText Markup Language ) nu este de fapt un limbaj de programare, adică un limbaj pentru comunicarea instrucțiunilor către un computer, ci un limbaj de marcare, adică un mod de a scrie text formatat pentru web.
Navigatoarele precum Firefox sau Internet Explorer citesc acest cod HTML și arată ceea ce este scris într-un mod ordonat, cu toate obiectele aranjate așa cum intenționează cei care au realizat site-ul.
Cu alte cuvinte, HTML descrie paginile web și, pe baza acestei descrieri, browserul creează o imagine.
Având în vedere că acesta nu este un ghid pentru HTML, pentru care ar dura mai mult decât un articol, ceea ce vreau să împărtășesc sunt regulile de bază pentru a înțelege mai bine etichetele HTML și pentru a le putea folosi atunci când este nevoie, pe forumul dvs., într-un blog sau pentru a face modificări pe un site web.
HTML folosește etichete care sunt utilizate pentru a descrie comportamentul unui text, închis între paranteze unghiulare, astfel:
Cuvântul din paranteză este eticheta de deschidere și fiecare etichetă de deschidere trebuie să fie urmată de o etichetă de închidere ca aceasta:
1) Formatarea textului pe site-uri web se face acum folosind CSS, un alt limbaj de marcare care vă permite să descrieți aspectul grafic al unei pagini web, astfel încât să reamintiți stilurile în HTML.
Cu toate acestea, puteți utiliza unele etichete de formatare de bază atunci când este necesar:
HTML: bold (puteți utiliza, de asemenea, puternic în loc de b)
După cum se vede în browsere: îndrăzneț
HTML: italic (puteți folosi și en în loc de i)
După cum puteți vedea: italice
HTML: subliniat
După cum vedeți: subliniat
HTML: strikethrough (puteți folosi și greva în loc de s)
După cum vedeți: încrucișat
2) Crearea de link-uri hipertext vă permite să descrieți adresele URL sau adresele site-ului, fără a fi nevoie să specificați întreaga adresă, urât de privit, mai ales dacă link-ul este foarte lung.
HTML: Navigaweb.net
După cum puteți vedea: Navigaweb.net
Această etichetă HTML este puțin mai complicată: adevărata etichetă pentru specificarea hyperlink-urilor este în timp ce celelalte elemente suplimentare sunt atribute care specifică caracteristici suplimentare.
Href = atributul specifică adresa în timp ce titlul = definește ceea ce apare atunci când mouse-ul este plasat peste cuvânt.
În HTML folosim ghilimele pentru a încadra valorile atributului, în xHTML (folosit de editorul Blogger) folosim apostroful '.
3) Adăugarea de imagini sau fotografii este unul dintre cele mai importante lucruri de știut, de asemenea, deoarece de multe ori, pe site-urile care găzduiesc fotografii, codul HTML este prevăzut pentru utilizare în bloguri sau forumuri sau în alte site-uri.
HTML:
După cum se vede:
În acest caz, eticheta reală este în timp ce atributele necesare sunt src = și, opțional, alt = care descrie imaginea în cuvinte.
Din nou, folosiți ghilimele pentru a evita legăturile rupte.
După cum puteți vedea, eticheta se închide cu a /> fără a repeta cuvântul img .
Puteți adăuga atributul float = "stânga" sau float = "dreapta" pentru a formata o imagine stânga sau dreapta, astfel încât să fie învelită în text.
Pentru a crea un hyperlink la o imagine, o puteți folosi ca cod:
HTML:
După cum se vede:
4) Paragrafele și pauzele de linie
Pentru a crea text structurat și pentru a înfășura, trebuie să utilizați etichete pentru a crea pauze de linie și paragrafe.
În HTML, după o linie, îl puteți scrie
a merge la fund.
Aceasta se deschide și se închide în același timp, astfel încât nu trebuie să o repetați.
Pentru a crea paragrafe, în sensul că există o linie goală înainte și după, trebuie să adăugați textul scris între etichetele HTML

și


5) Listele pot fi făcute în mod ordonat, ca liste numerotate sau neordonate cu liste cu buletine.
Lista numerotată arată astfel:
HTML

  1. Articolul unu

  2. Articolul doi


Rezultat:
  1. Articolul unu
  2. Articolul doi
Lista cu puncte utilizează o altă etichetă în loc de
    este folosit
      :

      • Articolul unu

      • articolul doi


      Rezultat:
      • Articolul unu
      • Articolul doi
      Oricum, eticheta
    • este utilizat pentru a defini un element din listă.
      Concluzie: O etichetă nu face altceva decât să indice o poziție sau o selecție a documentului, specificând tipul de magie care trebuie făcut.
      Unele etichete sunt prezente în fiecare pagină web și cuprind secțiunile: ... indică începutul și sfârșitul paginii, ... este capul documentului, unde tiol, descriere, CSS și script sunt indicate și ... care este în loc de corpul paginii.
      Deși acestea sunt doar noțiuni preliminare, toți cei care se ocupă de un site și, de asemenea, cei care navighează pe internet participând la forumuri și bloguri, trebuie să știe.
      Pentru a afla mai multe despre HTML, într-un alt articol, am raportat cele mai bune site-uri cu ghiduri pentru HTML și CSS, cu exemple și editori online carefacă testele .
      Pentru a vedea HTML-ul unei pagini, trebuie doar să apăsați butonul dreapta al mouse-ului oriunde și să vizualizați HTML-ul.
      Dacă utilizați Google Chrome, puteți utiliza funcția „ Inspectați pagina ” pentru a vedea ce cod a fost utilizat într-un anumit punct, astfel încât să puteți inspira și reproduce pe site-ul dvs.
      În această pagină puteți descărca un tabel cu etichetele HTML de bază pentru bloggeri .
      Pe site-ul de referință HTML, însă, există toate etichetele cu proprietățile și atributele care merg cu ele, toate pe o pagină.

Lasă Un Comentariu

Please enter your comment!
Please enter your name here