Com es crea una pàgina web senzilla amb suports per a principiants: 14 passos

2024 Autora: John Day | [email protected]. Última modificació: 2024-01-30 08:12

Introducció

Les instruccions següents proporcionen orientacions pas a pas per crear una pàgina web mitjançant suports. Brackets és un editor de codi font amb un enfocament principal en el desenvolupament web. Creat per Adobe Systems, és programari lliure i de codi obert amb llicència sota la llicència MIT, i actualment es manté a GitHub per Adobe i altres desenvolupadors de codi obert. Està escrit en JavaScript, HTML i CSS.

Instruccions

Nota: - Totes les etiquetes HTML han d'estar entre claudàtors:

Pas 1: descarregueu el programari

descarregueu brackets des d’aquest lloc web

Pas 2: obriu els suports

obriu el programari de suports descarregats en un ordinador.

Pas 3: creeu un fitxer nou

Després d'obrir claudàtors, feu clic a la icona del fitxer a la part superior esquerra de la finestra i, a continuació, feu clic a nou, veureu el fitxer nou "Sense títol".

Pas 4: Desa com a … el fitxer

Feu clic amb el botó dret del ratolí sobre aquest fitxer "sense títol", feu clic a Desa com a i, a continuació, hauríeu de desar-lo en una unitat

en aquest moment podeu donar qualsevol nom al fitxer, només heu d'assegurar-vos que afegiu ".html" (punt html) després del nom.

Pas 5: Comenceu amb l'etiqueta DOCTYPE

Totes les pàgines HTML han de començar amb l’etiqueta d’estructura següent. Indica al navegador quines ‘regles s’ha de seguir’ en representar una pàgina HTML.

Pas 6: etiqueta HTML

i - aquestes etiquetes són per iniciar i finalitzar un document.

Pas 7: etiquetes del cap i del cos

Entre etiquetes html, escriviu i, si conté coses sobre "darrere de les escenes". A més, escriviu i on conté text, imatges, vídeo, àudio, etc.

Pas 8: metaetiqueta

Entre etiquetes, escriviu on proporciona informació com ara termes del motor de cerca o codificació de caràcters.

Pas 9: etiqueta de títol

Entre etiquetes, under, write i. Per tant, qualsevol cosa que escriviu entremig, la veureu a la part superior de la finestra del navegador i aquesta etiqueta és important per al motor de cerca. Per exemple, escriuré "WRD 204"

Pas 10: afegir paràgraf mitjançant l'etiqueta P

Entremig, escriviu la informació que vulgueu que es vegi en una pàgina web, com ara imatges, àudio, vídeo i paràgraf, per exemple, per exemple, escriuré un paràgraf utilitzant aquestes etiquetes per al paràgraf:

i.

Pas 11: consulteu els vostres resultats

Per veure els vostres resultats: primer feu clic amb el botó dret del ratolí al fitxer i feu clic a "desa" que no pas feu clic a la icona de "previsualització en directe" a l'extrem superior dret.

Nota: - en qualsevol moment que feu canvis i vulgueu veure el resultat, primer heu de desar el fitxer, podeu utilitzar la drecera "Ctrl + S"

Pas 12: canvieu el format

Si voleu canviar la mida del format de text, utilitzeu l’encapçalament més gran o és el més petit. En el meu exemple utilitzaré.

Pas 13: etiqueta de salt de línia simple / doble

Si voleu fer un salt de línia simple / doble entre paràgrafs, utilitzeu l'etiqueta

Pas 14: Conclusió

Enhorabona! ara podeu començar a construir la vostra pròpia pàgina web.

Si us interessa saber més sobre les etiquetes HTML, us recomano aquest lloc web