Cum de a crea o pagină Web simplă cu Notepad

Pagini web. Le folosim în fiecare zi. Dar cât de dificil este crearea unei pagini web? Puteți crea o pagină web simplă cu Notepad.

conținut

Pași
Crearea unei pagini web proprii
Sfaturi

pași

Crearea unei pagini Web proprii

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 1

Deschideți Notepad. Faceți clic pe File-> Save As. Alegeți "Toate fișierele" din meniul "Tip fișier". Salvați fișierul ca fișier .html Puteți înlocui numele fișierului cu orice. În general, pagina principală a unui site Web se numește index.html Acum puteți începe programarea. Nu vă faceți griji, nu este dificil!

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 2

HTML (limbajul HTML) utilizează etichetele (în traducerea literală. Cu toate acestea, termenul etichete este utilizat în limba tehnică). Etichetele sunt în esență câteva texte înăuntru . Veți vedea mai multe etichete la crearea paginii dvs. web. Există, de asemenea, "etichete de închidere", care arată asemănătoare . Aceste etichete conțin acțiuni precum bold într-o scrisoare.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 3

Prima etichetă a unei pagini web este de obicei html. Puteți să o plasați în partea de sus a fișierului Notepad / Notepad.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 4

Următoarea etichetă este eticheta "cap", urmată de eticheta "titlu". Etichetele intermediare reprezintă eticheta titlului, care indică browserului ce trebuie plasat în partea de sus a ferestrei (numele paginii dvs.) și meta-etichetele, care spun motoarelor de căutare ca Google despre tema (temele) de pe site-ul dvs. web.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 5

Pe rândul următor după etichetă, plasați a

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 6

Acum, terminați antetul tastând

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 7

Următorul pas pe pagina noastră web este corpul etichetei (corpul paginii). Rețineți că nu toate culorile sunt acceptate în toate browserele. (De exemplu, un gri închis nu ar fi probabil compatibil cu majoritatea browserelor)

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 8

Între cele două etichete corp va fi conținutul paginii dvs. web - adică ceea ce văd utilizatorul. Să începem cu un antet. Un antet al unui text mare este specificat în HTML ca a < h1 > până la unul < h6 >, cu < h1 > (Rețineți că etichetele h1 și h6 nu conțin spații între paranteze.) Am plasat doar spații în text pentru a afișa codul, fără a fi interpretate de browser.) Deci, în partea de sus a paginii dvs. web, după eticheta corporală, puteți pune ceva asemănător < h1 >Bine ati venit pe site-ul meu!< /h1 > (fără spațiile dintre h1). Asigurați-vă că vă amintiți eticheta de închidere sau că întreaga pagină va arăta uriașă!

O altă etichetă care poate intra în corpul unei pagini web este eticheta < p > (fără spații), care este eticheta care creează un paragraf. Deci, după antetul (antetul), este posibil să aveți a < p >Învăț să fac un site web! WikiHow este minunat!< /p > Dacă doriți o nouă linie pe site-ul dvs., utilizați eticheta (eticheta de rupere a liniei).

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 10

Probabil nu veți dori o pagină Web care să aibă doar text neformatat. Deci, să punem un pic de formatare. < b > Pentru text îndrăzneț, < i > pentru caractere italice și < u > pentru a sublinia. Ține minte etichetele de închidere!

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 11

Ceea ce face într-adevăr un site interesant sunt fotografiile. Chiar și cu formatarea, care vrea să se uite la cuvinte nesfârșite? Utilizați eticheta pentru a face acest lucru. Dar, la fel ca eticheta corporală, este nevoie de informații suplimentare. O etichetă img va arăta astfel:

Src ("sursă") este numele prin care se numește imaginea. Lățimea și înălțimea imaginii sunt definite în pixeli.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 12

Aproape făcut! Doriți ca vizitatorii dvs. să poată vedea mai mult decât o singură pagină. Pentru a crea linkuri, utilizați: Alte pagini. Textul dintre etichete este locul în care utilizatorul va face clic pentru a ajunge la pagina următoare, iar partea "href" este locul unde se va face clicul. Utilizând aceste etichete de legătură, permiteți utilizatorilor să navigheze mai ușor pe site-ul dvs.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 13

În concluzie, trebuie să vă încheiați corpul și întreaga pagină web cu

Imaginea intitulată Crearea unei pagini Web simple utilizând Notepad Pasul 14

Salvați-vă munca și deschideți fișierul html. în browser-ul dvs. preferat. Felicitări! Tocmai ați creat o pagină web.

Imaginea intitulată Creați o pagină Web simplă utilizând Notepad Pasul 15

Pentru a plasa site-ul dvs. pe web, trebuie să găzduiți acest fișier pe un anumit server sau blog.

sfaturi

Puteți găsi mai multe etichete atunci când căutați pe web. Există multe site-uri minunate pentru a ajuta oamenii care doresc să învețe cum să facă site-uri web. W3Schools este foarte bun.
Țineți aminte de etichetele "de sfârșit" (etichetele de închidere).
Dacă doriți să utilizați paranteze pe site-ul dvs., utilizați "lt ;" și "gt ;" - și simbolul cum ar fi "amp ;" (toate cu punct și virgulă și fără spațiul alb afișat aici).
Potrivit [HTML https://phpforms.net/tutorial/tutorial.html] numiți întotdeauna dosarele și fișierele Web utilizând toate literele minuscule și fără spații sau punctuație. În timp ce Windows vă permite să utilizați spații, mulți furnizori de webhosting nu vă permit să vă salvați mult timp și probleme atunci când denumiți corect fișierele și folderele de la început.

Distribuiți pe rețelele sociale:

înrudit