
INHOUDSOPGAWE:
- Stap 1: Laai die sagteware af
- Stap 2: Maak hakies oop
- Stap 3: Skep 'n nuwe lêer
- Stap 4: Stoor as.. die lêer
- Stap 5: Begin met DOCTYPE Tag
- Stap 6: HTML -tag
- Stap 7: Kop- en liggaamsmerkers
- Stap 8: Metatiket
- Stap 9: Titeltag
- Stap 10: Voeg paragraaf by met behulp van P -tag
- Stap 11: Sien u resultate
- Stap 12: Verander die formatering
- Stap 13: Enkele/dubbele lyn breekplaatjie
- Stap 14: Gevolgtrekking
2025 Outeur: John Day | [email protected]. Laas verander: 2025-01-23 12:53

Inleiding
Die volgende instruksies gee stap vir stap leiding om 'n webblad te maak met behulp van hakies. Brackets is 'n bronkode -redakteur met 'n primêre fokus op webontwikkeling. Dit is geskep deur Adobe Systems en is gratis en open source sagteware wat onder die MIT-lisensie gelisensieer is, en word tans op GitHub onderhou deur Adobe en ander open-source ontwikkelaars. Dit is geskryf in JavaScript, HTML en CSS.
Instruksies
Let wel: Alle HTML -etikette moet tussen hakies wees:
Stap 1: Laai die sagteware af

laai Brackets af vanaf hierdie webwerf
Stap 2: Maak hakies oop

maak die afgelaaide Brackets -sagteware op 'n rekenaar oop.
Stap 3: Skep 'n nuwe lêer

Nadat u die hakies oopgemaak het, klik op die lêer -ikoon links bo in die venster en klik dan op nuwe; u sien 'n nuwe lêer "Untitled".
Stap 4: Stoor as.. die lêer

Klik met die rechtermuisknop op hierdie lêer 'sonder titel', klik op stoor as, dan moet u dit op 'n skyf stoor
Op hierdie stadium kan u die lêer enige naam gee; net nadat u die naam bygevoeg het, moet u '.html' (dot html) byvoeg.
Stap 5: Begin met DOCTYPE Tag

Elke html -bladsy moet begin met die volgende struktuurmerker Dit vertel die blaaier watter 'reëls om te volg' wanneer 'n HTML -bladsy weergegee word.
Stap 6: HTML -tag

en - die etikette moet 'n dokument begin en eindig.
Stap 7: Kop- en liggaamsmerkers

Tussen html -etikette, skryf en, waar dit 'agter die skerms' bevat. Skryf ook en waar dit teks, beelde, video, klank en so meer bevat.
Stap 8: Metatiket

Tik tussen die etikette waar dit inligting verskaf soos terme vir soekenjins of kodering.
Stap 9: Titeltag

Tussen die etikette, onder, skryf en. Alles wat u tussenin skryf, sal u bo -aan die blaaiervenster sien, en hierdie tag is belangrik vir die soekenjin. Ek gaan byvoorbeeld 'WRD 204' skryf
Stap 10: Voeg paragraaf by met behulp van P -tag

Skryf tussenin die inligting wat u op 'n webblad wil sien, byvoorbeeld, prentjie, klank, video en paragraaf, byvoorbeeld, ek gaan 'n paragraaf skryf deur hierdie etikette vir paragrawe te gebruik:
en.
Stap 11: Sien u resultate


Om u resultate te sien: klik eers met die rechtermuisknop op die lêer en klik op 'stoor' as klik op 'n 'live preview' -ikoon in die regter boonste hoek.
Let wel: as u verander en u wil die resultaat sien, moet u eers die lêer stoor; u kan die kortpad "Ctrl + S" gebruik
Stap 12: Verander die formatering


As u die grootte van die teksformaat wil verander, gebruik ons die grootste opskrif of die kleinste. In my voorbeeld sal ek dit gebruik.
Stap 13: Enkele/dubbele lyn breekplaatjie


As u 'n enkele/dubbele reël tussen paragrawe wil maak, gebruik die tag
Stap 14: Gevolgtrekking
Baie geluk! nou kan u u eie webblad begin bou.
As u meer wil weet oor HTML -etikette, beveel ek hierdie webwerf aan
Aanbeveel:
ESP8266 POV -waaier met klok- en webblad -teksopdatering: 8 stappe (met foto's)

ESP8266 POV -waaier met klok- en webblad -teksopdatering: dit is 'n veranderlike spoed, POV (Persistence Of Vision), waaier wat met tussenposes die tyd wys en twee sms'e wat onmiddellik bygewerk kan word. "The POV Fan is ook 'n enkele bediener se webbediener waarmee u die twee teks my kan verander
Eenvoudige LED-flip-flop vir beginners: 9 stappe

Eenvoudige LED-flip-flop vir beginners: 'n Baie eenvoudige flip-flop-kringloop vir beginners
Hoe om 'n 2d -karakter te skep met 'n karakterbeheerder in Unreal Engine 4 met behulp van Visual Script vir 'n rekenaar: 11 stappe

Hoe om 'n 2d -karakter te skep met 'n karakterbeheerder in Unreal Engine 4 Met behulp van Visual Script vir 'n rekenaar: Hoe om 'n 2d -karakter met 'n karakterbeheerder in Unreal engine 4 te skep met behulp van 'n visuele script vir 'n rekenaar Hallo, ek is Jordan Steltz. Ek ontwikkel videospeletjies sedert ek 15 was. Hierdie tutoriaal leer u hoe u 'n basiese karakter kan skep met
Laptopstandaard (gebaseer op IKEA -hakies): 5 stappe

Skootrekenaarstandaard (gebaseer op IKEA -hakies): dit het minder as 20 minute geneem om hierdie stand te maak. Ek gebruik twee hakies VALTER van IKEA stuk hout, 2 skroewe en ou muismat
N Webblad vir optimale stereografiese kyk: 7 stappe

N Webblad vir optimale stereografiese kyk: moenie u oë inspan om StereoGrafiese beelde te sien nie. Pas die beelde aan