ertare.com

Cum se face o pagină web în HTML

Deși ați putea crea o pagină web fără a învăța HTML, veți avea în mod inevitabil probleme la un moment dat, indiferent de tipul editorului de pagini web pe care îl utilizați și va trebui să cunoașteți HTML pentru a le remedia. Există multe site-uri unde puteți învăța HTML, dar acest articol vă va arăta pașii de bază pentru a crea un site web cu acest format. Cu această introducere de bază veți face în curând o pagină web de la zero!

pași

Cu HTML

Imaginea intitulată Creați o pagină Web simplă cu HTML Pasul 1
1
Înțelegeți ce este HTML. Acesta este limbajul de codare cu care sunt create paginile web. Pentru a vedea cum arată, accesați Internet Explorer și faceți clic dreapta pentru a selecta "Consultați pagina sursă". Veți vedea o pagină cu coduri: acesta este codul HTML. Codul este ceea ce browserul vede pentru a-l interpreta și pentru a pune împreună o pagină web.
  • În Google Chrome, apăsați "F12".
  • în Mozilla Firefox, presa "Ctrl + U" pentru a vedea codul sursă al paginii.
  • în Safari, Selectați Vizualizare > Consultați sursa (u "Opțiune + Comandă + U").
  • În Internet Explorer, opțiunea de meniu "vedere" ce ar trebui să alegeți este "sursă".
  • Imaginea intitulată Creați o pagină web simplă cu HTML Pasul 2
    2
    Începeți cu o pagină cât mai simplă posibil, dar veți fi copleșiți de limbile de sintaxă și script.
  • Este important să rețineți că veți scrie informațiile între o etichetă de deschidere și o etichetă de închidere, ambele din HTML. O etichetă de deschidere va arăta astfel: <____>. O etichetă de închidere va arăta astfel: În cele din urmă, veți înlocui "____" pentru un cod.
  • Imaginea intitulată Crearea unei pagini web simple cu HTML Pasul 3
    3
    Du-te la Acasă > programe > accesorii > Notepad. Va fi mult mai ușor dacă utilizați Notepad ++ (îl puteți descărca gratuit online). Când ați ales limba HTML, tot ceea ce scrieți va fi conectat automat la culori diferite, astfel că va fi mult mai ușor să corectați posibilele erori.
  • Imaginea intitulată Creați o pagină web simplă cu HTML Pasul 4
    4
    Spuneți browserului ce limbă veți folosi. scrie . Aceasta este prima etichetă pe care trebuie să o scrieți, ceea ce va spune computerului că veți începe să faceți o pagină web. De asemenea, se va închide la sfârșit, deci la sfârșitul documentului, închideți-l <>. Aceasta va încheia pagina web.
  • Imaginea intitulată Creați o pagină web simplă cu HTML Pasul 5
    5
    Adăugați antetul (cap) al paginii așa cum se arată în grafic.
  • Imaginea intitulată Creați o pagină web simplă cu HTML Pasul 6
    6
    Acordați un titlu paginii. Titlul este important, deoarece va oferi utilizatorilor o idee despre tema paginii. În plus, atunci când utilizatorii pun un marcaj pe site, titlul este singurul lucru pe care îl vor vedea în lista lor de marcaje. Codul HTML pentru titlu este: . Închideți-l la sfârșitul titlului tastând . Titlul va fi afișat numai în fila, nu va fi titlul paginii în sine.
  • Imaginea intitulată Creați o pagină web simplă cu HTML Pasul 7


    7
    Faceți corpul paginii. scrie pentru a deschide eticheta corporală. Apoi închideți-o cu eticheta . Informațiile pentru site vor merge între ele și .
  • Pentru a da paginii o culoare de fundal, puteți adăuga un stil corpului. În loc să scrieți doar, scrieți . Puteți încerca o altă culoare sau chiar un cod hexazecimal. Cuvintele din citate sunt cunoscute sub numele de "atribute". Ar trebui să fie înconjurați de citate!
  • Imaginea intitulată Creați o pagină Web simplă cu HTML Pasul 8
    8
    Scrieți câteva rânduri de text între etichetele corpului.
  • Deci, textul continuă în următoarea linie (ca și cum ați apăsat "introduce" pe tastatură), el scrie:
    .
  • Doriți să adăugați unele marquee, adică un cuvânt care se mișcă dintr-o parte în alta a ecranului? Va trebui doar să scrieți TEXT.
  • Imaginea intitulată Crearea unei pagini web simple cu HTML Pasul 9
    9
    Adăugați câteva imagini Dacă doriți să plasați o imagine Internet pe pagina dvs. web, codul HTML pentru imagini va fi: . Eticheta de închidere este :, dar este opțională.
  • Imaginea intitulată Crearea unei pagini web simple cu pasul HTML 10
    10
    Verificați totul pentru a vă asigura că toate etichetele sunt închise. Site-ul dvs. ar trebui să arate astfel:




    Site-ul meu

    Îmi place wikiHow pentru că
    Este cea mai bună pagină din lume!
    https://wikihow.com/skins/common/images/wikiHow_logo_5.jpg ">



  • Imaginea intitulată Creați o pagină Web simplă cu HTML Pasul 11
    11
    Salvați-vă munca Du-te la "Salvați ca", introduceți un nume de fișier care se termină în extensia .html (de exemplu: "archivodeprueba.html") și alegeți "Toate fișierele" sau "text" în Tip fișier. Nu va funcționa dacă acești pași nu sunt urmăriți. Acum mergeți acolo unde l-ați salvat și faceți dublu clic pentru al deschide. Browserul dvs. implicit se va deschide cu propria pagină web.

    • video

    sfaturi

    • Acest articol explică modul de creare a unei pagini Web. Citiți articolele pe care le vom menționa mai târziu pentru a obține mai multe informații pentru publicarea paginii dvs. web.
    • Utilizați un șablon pentru a testa modificările pe care le faceți pe site-urile personale, cum ar fi Myspace, înainte de a efectua modificările finale.
    • Asigurați-vă că corectați toate erorile astfel încât să fie ușor de căutat.
    • Când deschideți o etichetă, ar trebui să o închideți întotdeauna, dacă nu este una dintre etichetele speciale care nu necesită închidere, cum ar fi sau
      . Când sunteți îndoieli, este mai bine să închideți eticheta.
    • Pentru a face site-uri web mai avansate, utilizați un editor web, cum ar fi Microsoft Expression Web.
    • Etichetele de închidere nu pot fi plasate nicăieri. "ultimul" eticheta la intrare trebuie să fie "în primul rând" etichetă pe "ieși". Ar trebui să arate astfel: TEXT
    • Acesta este un exemplu de etichete incorecte: TEXT
    • Dacă doriți să modificați codul, căutați fișierul și modificați-l ".htm" de ".txt". O altă opțiune este că puteți înregistra două copii ale codului, una dintre ele ".htm" și celălalt ".txt". Acest lucru vă va permite să editați mai târziu.
    • Pentru a scrie HTML, vă recomandăm aplicația Espresso: veți vedea că va fi mai ușor să scrieți cod, deoarece vă va oferi comenzi rapide diferite și veți putea vedea site-ul dvs. cu opțiunea "avanpremieră" Fără a schimba etichetele de la .html la .txt!
    • Puteți încerca, de asemenea, Adobe Dreamweaver. Puteți fi foarte util atunci când aveți probleme, deoarece le va arăta și vă va învăța cum să le rezolvați.

    avertismente

    • Atributul nu mai este folosit "bgcolor". Modul corect de a schimba culoarea de fundal a elementelor este cu CSS.
    • Asigurați-vă că păstrați propriile imagini, astfel încât să nu furați lățimea de bandă de la gazda curentă. Puteți stoca imaginile în site-uri precum Photobucket, Flickr sau Imageshack.
    • Asigurați-vă că introduceți manual ".html" sau ".htm" la sfârșitul numelui fișierului și alegeți "Toate fișierele" sau "txt" în tipul fișierului. Nu va funcționa dacă nu faceți ambele.
    • Eticheta Nu este o etichetă oficială HTML așa cum este definită de W3C (World Wide Web Consortium) și poate să nu funcționeze în toate browserele. Această etichetă a fost creată și compatibilă cu Internet Explorer, dar acum a fost adoptată de alte browsere.

    Lucruri de care ai nevoie

    • Program pentru editarea textelor, cum ar fi Notepad (pentru Windows) sau Textedit (pentru Mac)
    • Browser ca Mozilla Firefox sau Safari
    • Computer cu conexiune la internet
    • Manager de fișiere ca Windows Explorer (opțional)
    • Site-ul de stocare a imaginilor, cum ar fi Photobucket sau Flickr
    Distribuiți pe rețelele sociale:

    înrudit
    Cum se adaugă un hyperlink cu HTMLCum se adaugă un hyperlink cu HTML
    Cum se adaugă simbolul mărcii comerciale în HTMLCum se adaugă simbolul mărcii comerciale în HTML
    Cum să adăugați un contor la un BlogCum să adăugați un contor la un Blog
    Cum să adăugați un videoclip pe blogul dvs.Cum să adăugați un videoclip pe blogul dvs.
    Cum se creează o listă drop-down în HTML fără JavaCum se creează o listă drop-down în HTML fără Java
    Cum se creează o pagină de tip splash pentru un site webCum se creează o pagină de tip splash pentru un site web
    Cum se detectează legăturile NofollowCum se detectează legăturile Nofollow
    Cum se detectează dacă jаvascript nu este activatCum se detectează dacă jаvascript nu este activat
    Cum se execută un fișier HTMLCum se execută un fișier HTML
    Cum să ascundeți un link în HTMLCum să ascundeți un link în HTML
    » » Cum se face o pagină web în HTML

    © 2011—2020 ertare.com