Aflați HTML

HTML este abrevierea pentru HyperText Markup Language

, și este codul sau limbă, folosit pentru a crea pagini web. Învățarea și înțelegerea HTML poate fi un pic frustrant și poate fi greu să te relaxezi. Puteți crede că nu ați văzut niciodată HTML în viața dvs., dar dacă aveți un profil MySpace, de exemplu, atunci sunteți foarte confortabil. HTML este un instrument extrem de util pentru utilizatorii de Internet, iar în acest articol puteți afla elementele de bază.

metodă

  1. 1
    Cunoașteți etichetele de marcare. Marcaj etichete t conţinutul elementului între etichete.
    • O colțare unghiulară la stânga sau mai mică decât semnul (<) pornește ziua și un braț unghi la dreapta sau mai mult decât un semn (>) se termină ziua.

      Imaginea intitulată Aflați HTML Pasul 1Bullet1
    • Pentru a distinge dacă o etichetă este o etichetă de început sau de sfârșit, rețineți că eticheta de sfârșit este un slash înainte / după ce primul bracket are: conţinutul elementului</tag>.

      Imaginea intitulată Aflați codul HTML Step 1Bullet2
  2. 2
    Acesta este formatul unui document HTML. Există două secțiuni într-un document HTML. Întregul document începe și capete cu eticheta care informează browserul că trebuie să interpreteze codul ca HTML. Documentul este împărțit în două părți: cap (codul din etichetă) și corp (în timpul zilei):

    Acesta este un exemplu de document HTML foarte simplu:


    </font>Cum de a învăța HTML - wikiHow<font color="purple">
    Acesta este un document HTML mini


  3. 3
    Aflați cum cap Ziua este folosită. cap vine primul și conține tot codul care nu este conținut, cum ar fi:

    Imaginea intitulată Aflați HTML Pasul 3
    • Titlul paginii, de exemplu:

      • </font>Cum de a învăța HTML - wikiHow<font color="purple">

    • Metatagii, care metadate livrați prin intermediul unei pagini Web. Aceste date pot fi utilizate de motoarele de căutare atunci când robotul scanează Internetul pentru a găsi și a lista site-uri Web:



    • Etichetele de legătură sunt utilizate pentru a lega pagina de alte fișiere, de exemplu foile de stil - (Stilurile CSS ale elementelor de pe pagină) și favicon (o pictogramă asociată paginii web afișată în bara de adrese a browserului de lângă adresa URL și în altă parte):

      • href = "styles.css">


    • Etichetele de scripturi sunt utilizate pentru a lega pagina de fișiere jаvascript (deși acest lucru nu trebuie neapărat să se întâmple în secțiunea Head). Aceste etichete conțin și codul jаvascript în locul unui fișier extern:

  4. 4
    Aflați corp Zi de utilizat. corp vine lacap și conține întregul cod de conținut - conținutul care apare efectiv în fereastra browserului, inclusiv cele mai obișnuite etichete:



    Imaginea intitulată Aflați HTML Pasul 4
    • Ziua pentru un paragraf:
      • elemente de conținut

    • Ziua pentru grăsime:
      • Element conținutul
        sau
        Elemente conținut
    • Ziua pentru italice:
      • Elemente conținut
        sau
        Elemente conținut (pentru accent)
    • Ziua pentrustrikethrough:
      • Elemente conținut
    • Ziua pentru superscript:
      • Elemente conținut
    • Ziua pentru subscript:
      • Elemente conținut
    • Eticheta pentru textul preformat (exact așa arătând cum să introduceți eerul inclusiv toate spațiile din conținutul elementelor):
      • Elemente conținut
    • Ziua pentru o marcă (text derulant) (depășită):
      • Elemente conținut
    • Eticheta pentru codul text (așaenumerate):
      • Elemente conținut
    • Etichetele pentru titluri:

      • Titlu text

        : Cel mai mare titlu

        Titlu text

        (2.titlu)

        Titlu text

        (3. Überschrigt)

        Titlu text

        (4. titlu)
        Titlu text
        (cel mai mic antet)
    • Ziua pentru legături și ancore:

    • Etichete pentru liste:
      • Liste cu numere și puncte:
    • Liste de puncte (neordonate):
      • Elementul 1
      • ITEM2
      • Elementul 3
    • Liste de numere (comandate):
      1. Elementul 1
      2. Elementul 2
      3. Elementul 3
  • Definiție: Liste
    cafea
    - băutură fierbinte
    limonadă
    - băutură rece

Etichetele pentru tabele:

markerii de masă

  1. 1
      • linii:
      • Titlurile coloanelor:
      • celule:

        exemplu:

        lunăeconomie
        ianuarie€ 100
    • Aflați ce etichete nu au nevoie de o etichetă de închidere - adică ai nevoie doar de o zi. Acestea se numesc etichete goale, deoarece nu există Elemente conținut sunt. În XHTML, aceste etichete trebuie să fie completate cu un backslash, /, dar aveți nevoie de o singură etichetă atât în ​​HTML, cât și în XHTML:

      • Ziua pentru o pauză de linie:
      • Ziua pentru o linie orizontală:
      • Ziua pentru imagini:
  2. 2
    Aflați toate celelalte etichete. Există mai multe surse pe internet pe care le puteți utiliza, cum ar fi W3Schools, sau vă puteți extinde cunoștințele prin vizionarea codului sursă HTML al paginilor web. Puteți face acest lucru făcând clic dreapta pe pagină și Vezi sursa sau accesând secțiunea vedere din browserul dvs.

    Imaginea intitulată Aflați HTML Pasul 5
  3. 3
    Aflați atributele și parametrii etichetelor. Ca și înainte, puteți utiliza resursele de învățare pe Internet sau cărți sau puteți învăța prin încercări și erori și analizând modul în care sunt utilizate atributele și parametrii pe alte pagini web.

    • Unele atribute și parametri sunt:
utilizareatributeparametruexemplu
dimensiuneLățime, înălțime100%, 200 (în pixeli), 12pt, 12cm, 12cmwidth = "200"
(Implicit în pixeli - altele indică "12pt")
alinierealiniastânga, dreapta, mijlocieAlign = "left"
marjelefrontieră0, 1, 2 ...border = "0"
Stil CSSstildiferiți parametri CSSstyle = "padding: 10px-border: 2px margarete negru-margine: 10px"

Sfaturi

  • Pentru etichetele de marcare în sine, HTML este insensibil pentru litere mari și mici, iar textul din etichete nu este (Conținutul elementelor) dar deja. Consorțiul World Wide Web scrie pe site-ul său că: "Etichetele mici din recomandarea HTML 4 sugerează că", și asta "XHTML necesită etichete mici scrise".
  • Dacă sunteți serios despre învățarea HTML, unii spun editorii WYSIWYG (ware you see eus ware you get) faceți tot munca, că ar fi mai bine să înveți fără utilizarea unui astfel de program - și mulți oameni consideră că este mai ușor să lucreze cu un editor HTML și să învețe etichetele de marcare și funcțiile lor prin încercări și erori.
  • Puteți căuta un site web simplu și puteți juca cu codul. Încercați să mutați textul pentru a schimba fontul, a schimba imaginile, orice vă interesează!
  • Puteți scrie toate codurile într-un notebook, așa că dacă aveți nevoie de ajutor, deschideți notebook-ul și citiți-l. De asemenea, puteți tipări această pagină ca referință utilă.
  • Rețineți atributele: bgcolor și text. Acestea sunt stabilite în timpul zilei. Acesta este din nou acest lucru cuibărit. Atributele nu stau singure, ci apar mereu în interiorul unei etichete corporale.

avertismente

  • Dacă sunteți interesat în validarea paginilor dvs., mergeți la site-ul W3 și aflați HTML valid! Multe etichete de pe această pagină sunt vechi și ar trebui evitate, iar dezvoltatorii serioși nu le folosesc deloc.

Ce ai nevoie

  • Un editor de text, de ex. Notepad (Windows) sau TextEdit (Mac OS X).
  • Un notebook (Opțional)
  • Un editor HTML (Opțional)
Distribuiți pe rețelele sociale:

înrudit