
Taula de continguts:
- Pas 1: descarregueu el programari
- Pas 2: obriu els suports
- Pas 3: creeu un fitxer nou
- Pas 4: Desa com a … el fitxer
- Pas 5: Comenceu amb l'etiqueta DOCTYPE
- Pas 6: etiqueta HTML
- Pas 7: etiquetes del cap i del cos
- Pas 8: metaetiqueta
- Pas 9: etiqueta de títol
- Pas 10: afegir paràgraf mitjançant l'etiqueta P
- Pas 11: consulteu els vostres resultats
- Pas 12: canvieu el format
- Pas 13: etiqueta de salt de línia simple / doble
- Pas 14: Conclusió
2025 Autora: John Day | [email protected]. Última modificació: 2025-01-23 14:37

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
Recomanat:
Com es crea una configuració de DJ per a principiants: estil de vinil: 7 passos

Com es pot crear una configuració de DJ per a principiants: estil de vinil! Tant si sou aficionats com si voleu ser professionals i, possiblement, gireu arreu del món obtenint ingressos, aquests passos us faran
Com utilitzar el multímetre en tàmil - Guia per a principiants - Multímetre per a principiants: 8 passos

Com utilitzar el multímetre en tàmil | Guia per a principiants | Multímetre per a principiants: Hola amics, en aquest tutorial he explicat com utilitzar el multímetre en tot tipus de circuits electrònics en 7 passos diferents, com ara 1) prova de continuïtat del maquinari de resolució de problemes 2) Mesura del corrent continu 3) Prova de díodes i LED 4) Mesura Resi
Posar una còpia al botó del porta-retalls en una pàgina web: 5 passos (amb imatges)

Posar una còpia al botó del porta-retalls en una pàgina web: pot semblar senzill i podria semblar una tonteria per posar-lo a Instructables, però en realitat no és tan fàcil. Hi ha CSS, Jquery, HTML, alguns javascript de fantasia i, bé, ja ho sabeu
Python per a principiants no tan principiants: 7 passos

Python per a principiants que no són tan principiants: Hola, la darrera vegada, si teníeu atenció, vàrem tocar els conceptes bàsics de Python: print, mentre que i per a bucles, input & sortida, si, i un iniciador a easygui. també una distribució gratuïta de easygui i pycal-my own module.Aquest tutorial tractarà: més
Una pàgina web per a una visualització estereogràfica òptima: 7 passos

Una pàgina web per a una visualització estereogràfica òptima: no us esforceu la vista per veure imatges estereogràfiques. Ajusteu les imatges