Com crear una pàgina web senzilla amb el bloc de notes: 15 passos

Taula de continguts:

Com crear una pàgina web senzilla amb el bloc de notes: 15 passos
Com crear una pàgina web senzilla amb el bloc de notes: 15 passos

Vídeo: Com crear una pàgina web senzilla amb el bloc de notes: 15 passos

Vídeo: Com crear una pàgina web senzilla amb el bloc de notes: 15 passos
Vídeo: Qué es una VPN y cómo funciona | EXPLICADO en 3 minutos 2024, Maig
Anonim

Cada dia accedim a diversos llocs web. Tanmateix, de vegades ens preguntem: és difícil crear el vostre propi lloc web? En aquest article, se us guiarà per crear una pàgina web HTML senzilla amb el bloc de notes.

Pas

Mètode 1 d'1: crear la vostra pròpia pàgina web

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 1
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 1

Pas 1. Obriu el bloc de notes

Aquest editor de text és un programa integrat disponible a tots els ordinadors Windows i es pot trobar al menú Inici. Després d'obrir el Bloc de notes, feu clic a Fitxer> Desa com a i seleccioneu Tots els fitxers a la columna Tipus de fitxer. Deseu el fitxer creat en format HTML. En general, la pàgina principal d'un lloc té el nom de fitxer "index.html" i conté enllaços a totes les pàgines del lloc.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 2
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 2

Pas 2. Comprendre l'HTML

La marca (etiqueta) en HTML (Hypertext Markup Language) és a.

Aquestes marques serveixen per crear el vostre lloc web. Per finalitzar el codi HTML, utilitzeu una etiqueta final, com ara. La marca de tancament és útil per tancar diverses marques, com ara les marques en negreta o de paràgraf.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 3
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 3

Pas 3. Inicieu la pàgina web inserint una etiqueta a la part superior del fitxer

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 4
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 4

Pas 4. Utilitzeu etiquetes per introduir informació variada

Les marques són útils per definir el títol de la pàgina, mentre que les etiquetes (opcionals) s’utilitzen per introduir una explicació del contingut de la pàgina web. Els motors de cerca, com ara Google, llegiran el rètol.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 5
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 5

Pas 5. Després d’introduir l’etiqueta, poseu el títol de la pàgina amb l’etiqueta, per exemple wikiHow HTML

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 6
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 6

Pas 6. Acabeu la capçalera del lloc mitjançant el signe

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 7
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 7

Pas 7. Utilitzeu etiquetes per introduir contingut de la pàgina

Tingueu en compte que els navegadors no admeten tots els colors. Per exemple, és possible que el gris fosc no s'admeti.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 8
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 8

Pas 8. Escriviu el contingut de la pàgina web entre

Per exemple, comenceu creant una capçalera de lloc. La capçalera del lloc és la part del lloc en lletres grans i està marcada amb un signe

fins

. Signe

podeu utilitzar per crear una capçalera de lloc amb la mida de lletra més gran. Proveu d'utilitzar el signe just a sota del signe, com ara

Benvingut al meu lloc

>

. Assegureu-vos que tanqueu el cartell

al final de la frase.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 9
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 9

Pas 9. Creeu un paràgraf a la pàgina amb la marca

Per exemple, escriviu

Prova de paràgraf.

Per crear una línia nova, utilitzeu el signe, o es trenca.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 10
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 10

Pas 10. Segur que no voleu que la pàgina web que creeu contingui només text pla

Utilitzeu les marques següents per formatar text a les pàgines web: a text en negreta, a cursiva i a subratllar-lo. Després d’utilitzar el signe anterior, no oblideu tancar-lo.

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 11
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 11

Pas 11. Afegiu una imatge amb un signe

Image
Image

per embellir el lloc i afegir informació que no es pot explicar en forma de text.

Signe

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 13
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 13

requereix certa informació per funcionar. La sintaxi completa del signe

pot tenir la forma següent:.

El paràmetre src del signe serveix per escriure el nom del fitxer d'imatge i la funció amplada i alçada per descriure la longitud i l'amplada.

Pas 12. Creeu un enllaç que condueixi a una altra pàgina amb una, per exemple, Una altra pàgina

El text al mig de la marca és el text que apareixerà a la pàgina, mentre que el paràmetre href conté la pàgina de destinació. Amb els enllaços, els visitants poden desplaçar-se fàcilment a diferents pàgines del vostre lloc.

Pas 13. Quan hàgiu acabat d'omplir el lloc, finalitzeu la pàgina tancant el fitxer

Finalment, tanqueu el codi HTML amb

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 14
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 14

Pas 14. Deseu la pàgina web creada amb l'extensió.html i obriu-la al navegador preferit per provar-la

Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 15
Creeu una pàgina web senzilla mitjançant el bloc de notes Pas 15

Pas 15. Llegiu la següent guia per penjar el vostre lloc a Internet

Consells

  • A Internet, hi ha diversos llocs que contenen guies per crear un lloc web. W3school és un lloc amb un bon material.
  • Assegureu-vos de tancar totes les etiquetes del fitxer HTML.
  • Poseu una marca a la primera línia del fitxer, abans de. Aquest indicador indica que el fitxer que esteu creant és un fitxer HTML5.
  • Canvieu el tipus de lletra amb les marques abans i després. Substituïu "N" per la tipografia que vulgueu, per exemple "Verdana".
  • Si heu d’utilitzar claudàtors, utilitzeu el codi. Mentrestant, per utilitzar el signe &, utilitzeu el codi &.
  • Segons els tutorials HTML, sempre heu de posar noms i miniatura als fitxers i carpetes web, sense espais ni puntuació. Tot i que Windows us permet posar espais en noms de fitxers, molts proveïdors d’allotjament no ho fan. A més, un bon nom de fitxer us facilitarà la gestió del lloc.

Recomanat: