itholoinfo.com.com

Cum să învățați HTML

HTML este abrevierea pentru Hyper Text Markup Language

(Hypertext Markup Language) și este codul sau "limba, care este folosit pentru crearea de site-uri web. Poate părea un pic cam înfricoșător dacă nu ați mai făcut niciodată coduri, dar tot ce trebuie să încercați este dintr-un program de editare obișnuită a textului și de la un browser web. Puteți chiar să recunoașteți câteva coduri HTML folosite pentru a schimba textul în forumuri on-line, profiluri personalizate online sau articole wikiHow. HTML este un instrument util pentru oricine care folosește internetul și învățarea noțiunilor de bază poate dura mai puțin timp decât se credea anterior.

pași

Partea 1
Învățarea HTML de bază

Imaginea intitulată Aflați HTML Pasul 1
1
Deschideți un document HTML. Cele mai multe programe editor de text, inclusiv Notepad sau Microsoft Word pentru Windows și TextEdit pentru Mac, pot fi utilizate pentru a scrie documente HTML. Deschideți un document nou și utilizați fișierul → Salvare ca în meniul de sus pentru al salva ca pe o pagină Web sau pentru a modifica extensia de fișier în ".html" sau ".htm" în loc de ".doc", " .rtf "sau orice altă extensie.
  • Este posibil să vedeți un avertisment că documentul dvs. se va schimba în "text simplu", în loc de "text îmbogățit", sau că imaginile și formatul special nu vor fi salvate corect. Nicio problemă - documentele HTML nu utilizează aceste opțiuni.
  • Nu există nicio diferență între fișiere. html e. htm. Oricine va lucra.
  • Imaginea intitulată Aflați HTML Pasul 2
    2
    Vizualizați documentul cu un browser web. Salvați documentul gol, apoi găsiți pictograma acestuia pe computer și faceți dublu clic pe acesta pentru al deschide. Ar trebui să se deschidă ca o pagină web în browser. Dacă nu, trageți pictograma fișierului în bara de adrese (adresa) a browserului. Pe măsură ce editați documentul HTML în acest tutorial, puteți continua să verificați și să vedeți modul în care se modifică pagina dvs. web.
    • Rețineți că acest lucru nu creează de fapt un site online. Nu va fi accesibilă de alte persoane și nu veți avea nevoie de o conexiune la internet pentru a le testa. Acesta utilizează doar un browser pentru a "citi" documentul HTML ca și când ar fi un site web.
  • Imaginea intitulată Aflați HTML Pasul 3
    3
    Înțelegeți etichetele de marcare. Ele nu apar pe o pagină web ca text normal. În schimb, ei îi spun browserului lor cum să afișeze pagina și conținutul acesteia. "Eticheta de start" conține instrucțiuni. De exemplu, poate spune browserului să afișeze textul ca îndrăzneț. De asemenea, aveți nevoie de o etichetă "end" pentru a spune browserului unde să se aplice instrucțiunile: în acest exemplu, tot textul dintre eticheta de început și eticheta de sfârșit va fi bold. Scrieți și etichetele de capăt din interiorul consolelor unghiulare, dar porniți-le cu o tăietură după primul bracket.
    • Scrieți etichetele de start în paranteze unghiulare: <Eticheta de start vine aici>
    • Scrieți etichetele finale în paranteze unghiulare, dar puneți o tăietură după primul bracket:Eticheta de sfârșit vine aici>)
    • Citiți mai departe pentru a afla cum să scrieți etichete funcționale de marcare. Pentru acest pas, tot ce trebuie să vă amintiți este formatul de bază. Acestea sunt scrise în: <> și
    • Dacă utilizați și alte tutoriale HTML, le puteți vedea referindu-se la etichete ca "elemente" și la textul dintre etichetele de început și sfârșit ca "element de conținut".
  • Imaginea intitulată Aflați HTML Pasul 4
    4
    Scrieți prima etichetă . Fiecare document html începe cu o etichetă și se încheie cu o . Acest lucru îi spune browser-ului că totul între aceste etichete este în HTML. Adăugați aceste etichete în documentul dvs.:
    • scrie în partea de sus a documentului.
    • Utilizați introducerea de mai multe ori pentru a face loc, apoi scrieți .
    • Amintiți-vă să scrieți toate restul acestui tutorial între aceste două mărci.
  • Imaginea intitulată Aflați HTML Pasul 5
    5
    Completați partea din documentul dvs. Între etichete și , scrieți o etichetă inițială și un final . Acordați spațiu pentru a scrie între ele. Totul între aceste etichete nu va apărea efectiv pe pagina însăși. Încercați următoarele și vedeți unde se afișează:
    • Între etichete și , scrie </b> și <b>
    • Între etichete și , scrie Cum de a învăța HTML - wikiHow.
    • Salvați documentul și deschideți-l într-un browser (sau salvați documentul și actualizați pagina browserului dacă acesta este încă deschis). Vedeți ce ați scris în partea de sus a browserului, deasupra barei de adrese?
  • Imaginea intitulată Aflați HTML Pasul 6
    6
    Creați o secțiune . Restul acestui document începător merge într-o secțiune a corpului, care este afișată pe pagina web. atunci din marcajul final , dar înainte din , scrie și . Pentru restul tutorialului, tot ce scrieți va cădea între aceste etichete. Ar trebui să aveți acum un document care arată astfel (ignorând lista de puncte):
    • Cum de a învăța HTML - wikiHow
  • Imaginea intitulată Aflați HTML Pasul 7
    7
    Adăugați text în mai multe stiluri. Acum este momentul să scrieți ceva ce puteți vedea în browserul dvs.! Orice introduceți în interiorul etichetelor "body" va apărea în browser după ce ați salvat documentul HTML și ați reîmprospătat pagina. Nu nu scrie nimic cu simbolurile < sau >, totuși, deoarece browserul dvs. va încerca să îl interpreteze ca o instrucțiune HTML în loc de text normal. Încercați să scrieți Bună ziua! (sau orice altceva doriți), apoi adăugați aceste etichete noi în jur și vedeți ce se întâmplă de fiecare dată:
    • Bună ziua!text ca "italic": Bună ziua!
    • Bună ziua! va afișa textul ca "îndrăzneț": Bună ziua!
    • Bună ziua! va arăta textul de trasare: Bună ziua!
    • Bună ziua! va afișa textul suprascris: Bună ziua!
    • Bună ziua!va afișa textul abonat: Bună ziua!
    • Încercați combinații dintre acestea: Bună ziua!Este?
  • Imaginea intitulată Aflați HTML Pasul 8
    8
    Împărțiți textul în paragrafe. Dacă încercați să scrieți mai multe rânduri de text în documentul dvs. HTML, este posibil să observați că întreruperile de linii nu apar în browserul dvs. Trebuie să le codifici singur:

    • Acesta este un paragraf separat.

    • Această teză este urmată de o rupere de linie.
      înainte de a începe.
      Aceasta este prima etichetă pe care o vedeți că nu are nevoie de o etichetă finală. Acestea se numesc "etichete goale".
    • Faceți titlurile pentru a afișa numele secțiunilor:

      text

      : cel mai mare antet

      text

       (antetul nivelului 2)

      text

       (antetul nivelului 3)

      text

       (antetul nivelului 4)
      text
       (cel mai scurt antet)
  • Imaginea intitulată Aflați HTML Pasul 9
    9


    Aflați cum să creați liste. Există mai multe modalități de a scrie liste pe pagina dvs. de web. Încercați următoarele tipuri de coduri și vedeți care vă plac. Rețineți că o pereche de etichete cuprinde întreaga listă (de exemplu, etichete
      și
    pentru "lista neordonată"), în timp ce articolele individuale din listă sunt înconjurate de o altă pereche de etichete, cum ar fi
  • și
    • .
    • Utilizați acest cod pentru a crea liste cu marcatori:
      • Un element
      • Un alt element
      • Un alt element
    • Sau pentru listele numerotate:
      1. Punctul 1
      2. Punctul 2
      3. Punctul 3
      4. Sau acest cod pentru o listă de definiții:
        cafea
        - Băutură caldă
        lapte
        - Rece băutură
  • Imaginea intitulată Aflați HTML Pasul 10
    10
    Asigurați-vă că pagina dvs. este mai bună cu linii, linii orizontale și imagini. Acum este timpul să încercați să adăugați lucruri dincolo de text pe pagina dvs. Încercați următoarele etichete. Va trebui să utilizați un serviciu de găzduire a imaginilor online pentru a avea o adresă URL care să facă legătura cu eticheta imaginii:
    • Introduceți o linie în HTML:
    • Faceți o linie în HTML:
    • Adăugați fotografii:
    • Imaginea intitulată Aflați HTML Pasul 11
    11
    Puneți link-uri către alte locuri din pagină. De asemenea, puteți utiliza acest cod pentru a insera link-uri către alte pagini și site-uri, dar pentru moment, deoarece este posibil să nu aveți un site încă, ne vom concentra pe "ancore" sau pe anumite locuri din pagină pe care le puteți lua:

    Partea 2
    Învățarea unui cod HTML mai avansat

    Imaginea intitulată Aflați HTML Pasul 12
    1
    Aflați despre atribute. Atributele sunt plasate în eticheta însăși și fac modificări suplimentare la "conținutul elementului" între eticheta de început și eticheta de sfârșit. Nu sunt niciodată singuri. Ele sunt scrise în format name = "value", unde nume este numele atributului (de exemplu, "color" pentru culoare) și valoare este instanța specifică (de exemplu, "roșu" pentru roșu).
    • Ați văzut atribute dacă ați urmat tutorialul în secțiunea de bază HTML. Etichetele utilizați atributul src, ancorele utilizează atributul nume, iar link-urile utilizează atributul href. Vedeți modul în care toți aceștia respectă formatul ___ = "___"?
  • Imaginea intitulată Aflați HTML Pasul 13
    2
    Încercați cu tabelele HTML. Efectuarea unui tabel necesită mai multe mărci diferite. Redați-le cu aceste etichete sau aflați mai multe despre tabelele HTML.
    • Începeți cu etichete de tabel în jurul întregii mese:
    • Plasați etichetele liniei de-a lungul conținutului fiecărui rând:
    • Faceți anteturile coloanelor pe prima linie:
    • Plasați celulele în rândurile următoare:
    • Iată un exemplu despre cum se potrivește totul:

      Coloana 1: LunaColoana 2: Banii salvați
      Despre mine100 de dolari
  • Imaginea intitulată Aflați HTML Pasul 14
    3
    Aflați diferitele etichete ale capului. Ai învățat deja eticheta , care apare la începutul fiecărui document. Dincolo de etichetă, acesta poate include următoarele tipuri:
    • Etichete Meta, care sunt folosite pentru a oferi metadate pe o pagină web. Aceste date pot fi folosite de motoarele de căutare atunci când robotul scours internet pentru a localiza și lista site-uri. Pentru a face site-ul dvs. mai vizibil în motoarele de căutare, utilizați una sau mai multe etichete (nu este necesară o etichetă finală), fiecare cu un singur atribut de nume și un atribut de conținut, de exemplu: - sau
    • Etichetele sunt utilizate pentru a asocia pagina cu alte fișiere. Acest lucru este folosit în principal pentru foile de stil CSS, care sunt realizate folosind un alt tip de codificare pentru a vă schimba pagina HTML prin adăugarea de culori, alinierea textului și efectuarea multor alte lucruri.
    • Etichetele

    înrudit
    • Cum se adaugă un fișier CSS într-un fișier HTMLCum se adaugă un fișier CSS într-un fișier HTML
    Cum se adaugă un hyperlink cu HTMLCum se adaugă un hyperlink cu HTML
    Cum se adaugă un link fotoCum se adaugă un link foto
    Cum se adaugă un simbol de marcă HTMLCum se adaugă un simbol de marcă HTML
    Cum să centrați textul în HTMLCum să centrați textul în HTML
    Cum se convertește un document Word în HTMLCum se convertește un document Word în HTML
    Cum se creează un abonament HTML pentru GmailCum se creează un abonament HTML pentru Gmail
    Cum se creează un buton HTML pentru o legăturăCum se creează un buton HTML pentru o legătură
    Cum se creează un link HTMLCum se creează un link HTML
    Cum se creează un calculator folosind HTMLCum se creează un calculator folosind HTML
    » » Cum să învățați HTML
    © 2021 itholoinfo.com.com