Cum se creează o pagină web simplă utilizând notepad
Thiste parere cum să creați o pagină web simplă, bazată pe text utilizând aplicația Windows Computer Notepad. Veți folosi HTML ca limbă de pagină web.
Pași
Partea 1 din 4:
Crearea unui document HTML1. Deschidere deschisă


2. Căutați notepad. Introduceți Notepad pentru a face acest lucru. Ar trebui să vedeți că o listă de rezultate de potrivire apar în partea de sus a meniului Start.

3. Clic Notepad. Este o pictogramă albastră Notepad în partea de sus a listei de rezultate. A face acest lucru promptează notepad să se deschidă.

4. Clic Fişier. Acesta este în colțul din stânga sus al ferestrei Notepad. Dacă faceți clic pe acesta solicită un meniu derulant.

5. Clic Salvează ca…. Este în meniul derulant. Fereastra de salvare se va deschide.

6. Apasă pe "Salvați ca tip" cutie derulantă. Această opțiune este aproape de partea de jos a ferestrei și ar trebui să aibă "Documente text (*.txt)" scrisă pe ea. Făcând clic pe acesta solicită apărea unui meniu derulant pentru a apărea.

7. Clic Toate filele. Este în meniul derulant. Acest lucru vă va permite să salvați fișierul ca document HTML.

8. Selectați o locație de salvare. Faceți clic pe numele dosarului în care doriți să salvați documentul din partea stângă a ferestrei.

9. Introduceți un nume și "HTML" Extensie de fișier. Apasă pe "Nume de fișier" caseta de text, apoi tastați în ceea ce doriți să numiți fișierul dvs. urmat de .HTML.

10. Clic Salvați. A face acest lucru transformă documentul dvs. actual de notepad într-un document HTML. În acest moment, puteți continua cu stabilirea structurii inițiale a paginii dvs. web.
Partea 2 din 4:
Configurarea paginii dvs. web1. Adăugați eticheta de limbă a paginii dvs. web. Prima etichetă va trebui să adăugați la Notepad, spune restul documentului să utilizeze HTML. Introduceți următoarele în Notepad:

2. Adaugă "cap" Etichete. Aceste etichete marchează începutul și sfârșitul titlului paginii, pe care îl veți crea în pasul următor. Deocamdată, doar tastați după "" Etichetă, apăsați ↵ Introduceți de două ori pentru a părăsi un spațiu și introduceți .

3. Adăugați titlul paginii pe site-ul dvs. Web. Titlul, care este plasat între " " Etichete, merge în spațiul dintre "cap" Etichete. Acest titlu dictează numele site-ului așa cum apare în fila Browser. Pentru a introduce un antet pentru a vă numi site-ul "Site-ul meu", De exemplu, ați introdus următoarele:

4. Adaugă "corp" Etichete. Toată codul paginii dvs. va trece între aceste etichete, care ar trebui să meargă sub "" etichetă:

5. Închideți eticheta de limbă HTML. Ultima etichetă pentru a merge în documentul dvs. va fi o etichetă HTML de închidere pentru a semnifica sfârșitul paginii. Tipul de mai jos "" Etichetă pentru a închide eticheta HTML.

6. Examinați documentul dvs. HTML până acum. În acest moment, documentul dvs. ar trebui să arate astfel:

7. Salvați documentul dvs. presa Ctrl+S pentru a face acest lucru. Acum puteți continua să adăugați elemente de pagină, cum ar fi paragrafele și titlurile, la documentul dvs.
Partea 3 din 4:
Adăugarea elementelor de pagină web1. Știți că toate elementele dvs. de pagină web merg între "corp" Etichete. Orice element - fie că este o poziție sau un paragraf, trebuie să fie scris după "" Etichetă și înainte de "" etichetă.

2. Adăugați poziția principală a site-ului dvs. Introduceți între "corp" Etichete, apoi tastați orice doriți ca poziția principală a paginii dvs. web să fie între ele "" Etichete. De exemplu, pentru a crea o pagină cu titlul "Bine ati venit", Ați avea următoarele:

3. Adăugați paragraful de text la pagină. Introduceți etichetele paragrafului, care sunt "", și apoi introduceți ceea ce doriți să utilizați ca paragraf între etichetele. Rezultatul final ar trebui să arate așa ceva:

4. Forța o pauză de paragraf. Dacă doriți să adăugați spații suplimentare între paragrafe sau poziții, tastați
După eticheta de închidere a liniei. De exemplu, pentru a crea o pauză de linie după un paragraf, ar trebui să ajungi cu ceva de genul acesta:
După eticheta de închidere a liniei. De exemplu, pentru a crea o pauză de linie după un paragraf, ar trebui să ajungi cu ceva de genul acesta:
" Etichetă după prima pentru a adăuga o altă pauză de linie, creând astfel un spațiu între primul paragraf și cel de-al doilea.

5. Adăugați formatarea în textul dvs. Puteți aplica formata cu caractere aldinoase, italice și subliniere (precum și subscriere și subscriere) în orice cuvânt, propoziție sau bloc de text atâta timp cât este între paragraf: etichete:

6. Examinați aspectul paginii dvs. web. În timp ce elementele paginii web pot varia, documentul dvs. ar trebui să arate așa ceva:
Partea 4 din 4:
Testarea paginii dvs. web1. Salvați documentul dvs. presa Ctrl+S pentru a face acest lucru. Acest lucru vă va asigura că documentul HTML prezintă cea mai recentă versiune a paginii dvs. web atunci când o deschideți.

2. Faceți clic dreapta pe documentul HTML. Va apărea un meniu derulant.

3. Selectați Deschis cu. Este în meniul derulant. A face acest lucru deschide un meniu pop-out.

4. Selectați browserul web preferat. Toate browserele web pot deschide documente HTML, deci faceți clic pe orice browser web pe care doriți să îl utilizați în meniul pop-out. Documentul dvs. HTML se va deschide în browserul Web selectat.

5. Examinați-vă pagina web. Dacă formatarea arată bine, puteți merge mai departe și închideți notepad.
Eșantion de documente HTML


Suport WikiHow și Deblocați toate probele.


Suport WikiHow și Deblocați toate probele.


Suport WikiHow și Deblocați toate probele.
sfaturi
Poti Reglați culoarea de fundal a paginii web sau Schimbați culoarea fontului Folosind CSS împreună cu documentul dvs. HTML.
Partajați pe rețeaua socială: