Innehållsförteckning:
- Tillbehör
- Steg 1: Starten
- Steg 2: Konfigurera HTML -filen
- Steg 3: Konfigurera CSS -filen
- Steg 4: Tja, det var det
![Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg](https://i.howwhatproduce.com/images/002/image-4544-j.webp)
Video: Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg
![Video: Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg Video: Hur man gör en grundläggande webbplats med anteckningsblock: 4 steg](https://i.ytimg.com/vi/R37XCsjJ_vM/hqdefault.jpg)
2024 Författare: John Day | [email protected]. Senast ändrad: 2024-01-30 12:37
![Hur man gör en grundläggande webbplats med anteckningsblock Hur man gör en grundläggande webbplats med anteckningsblock](https://i.howwhatproduce.com/images/002/image-4544-1-j.webp)
Har någon undrat
"hur gör jag en webbplats av ett grundläggande skrivprogram?"
Tja, uppenbarligen inte specifikt …
Hur som helst, här ska jag visa dig hur du gör en BASIC webbplats med endast anteckningsblock.
Tillbehör
För detta projekt behöver du:
-en stor hjärna
-anteckningsblock
-kanske ett HTML- och CSS -kommandon fuskblad
-mycket tålamod
Steg 1: Starten
![Starten Starten](https://i.howwhatproduce.com/images/002/image-4544-2-j.webp)
Öppna anteckningsblock. Öppna den faktiskt två gånger. Du kommer att koda 2 filer samtidigt.
Spara nu båda filerna. En kommer att vara [filnamn].html, och den andra kommer att vara [filnamn].css
Steg 2: Konfigurera HTML -filen
![Konfigurera HTML -filen Konfigurera HTML -filen](https://i.howwhatproduce.com/images/002/image-4544-3-j.webp)
På HTML -filen skriver du på den första raden "" hoppa över en rad
linje 2 -
rad 3 - [namn på sidan]
rad 4 -
rad 5 -
hoppa över en rad
rad 6 -
rad 7 -
[vad du vill ha på första raden. det här är vanlig text.]
rad 8 -
rad 9 -
Redigera nu var jag lade meddelandena i
FÖRKLARING - - -
anger början av koden.
anger början på rubriken.
anger vad som ska visas på fliknamnet
+annan kod i länken länkar css -stilarket till html för stilar.
avslutar uttalandet.
avslutar rubriken
anger början på brödtexten / koden
är början på stycket i texten som kommer att visas när du kör html -koden.
du gissade det. det avslutar kroppsuttalandena
betyder slutet på koden.
Steg 3: Konfigurera CSS -filen
![Konfigurera CSS -filen Konfigurera CSS -filen](https://i.howwhatproduce.com/images/002/image-4544-4-j.webp)
på första raden i CSS-filen sätter du (@charset "utf-8";)
rad 2 - kropp
rad 3 {bakgrund: [vad du vill ha som bakgrundsfärg]
rad 4 -}
rad 5 - h1 {
rad 6 - font -family: fetstil
rad 7 -}
Du kan lägga till fler variabler och ändra mina anteckningar mellan
Steg 4: Tja, det var det
![Tja, det var det Tja, det var det](https://i.howwhatproduce.com/images/002/image-4544-5-j.webp)
Om du vill kan du använda en bättre guide som "Web Designing Basics" av vishalapr
www.instructables.com/Web-Designing-Basics …
Tänk också på att anteckningsblock inte visar var din kod går fel.
Därför rekommenderas programvara för kodning av webbplatser.
Rekommenderad:
Hur man gör en snygg och enkel webbplats med Bootstrap 4: 7 -steg
![Hur man gör en snygg och enkel webbplats med Bootstrap 4: 7 -steg Hur man gör en snygg och enkel webbplats med Bootstrap 4: 7 -steg](https://i.howwhatproduce.com/images/010/image-28905-j.webp)
Hur man gör en snygg och enkel webbplats med Bootstrap 4: Syftet med denna instruktionsbok är att ge dem som är bekanta med programmering - HTML eller på annat sätt - en enkel introduktion till att skapa en onlineportfölj med Bootstrap 4. Jag går igenom den första installationen på webbplatsen, hur man skapar några
Hur man skapar en webbplats (en steg-för-steg-guide): 4 steg
![Hur man skapar en webbplats (en steg-för-steg-guide): 4 steg Hur man skapar en webbplats (en steg-för-steg-guide): 4 steg](https://i.howwhatproduce.com/images/012/image-33365-j.webp)
Hur man skapar en webbplats (en steg-för-steg-guide): I den här guiden kommer jag att visa dig hur de flesta webbutvecklare bygger sina webbplatser och hur du kan undvika dyra webbplatsbyggare som ofta är för begränsade för en större webbplats. hjälpa dig att undvika några misstag som jag gjorde när jag började
Hur man konverterar text till ljud med anteckningsblock !!: 8 steg
![Hur man konverterar text till ljud med anteckningsblock !!: 8 steg Hur man konverterar text till ljud med anteckningsblock !!: 8 steg](https://i.howwhatproduce.com/images/012/image-33371-j.webp)
Hur man konverterar text till ljud med anteckningsblock !!: Denna instruktion visar dig hur du konverterar text till ljud med anteckningsblock. Prenumerera på min kanalTack
Hur man gör en drönare med Arduino UNO - Gör en quadcopter med mikrokontroller: 8 steg (med bilder)
![Hur man gör en drönare med Arduino UNO - Gör en quadcopter med mikrokontroller: 8 steg (med bilder) Hur man gör en drönare med Arduino UNO - Gör en quadcopter med mikrokontroller: 8 steg (med bilder)](https://i.howwhatproduce.com/images/001/image-210-31-j.webp)
Hur man gör en drönare med Arduino UNO | Gör en Quadcopter Med Microcontroller: Introduktion Besök min Youtube -kanal En Drone är en mycket dyr gadget (produkt) att köpa. I det här inlägget ska jag diskutera, hur gör jag det billigt ?? Och hur kan du göra din egen så här till billigt pris … Tja i Indien alla material (motorer, ESC
Hur man gör en meddelandebox i anteckningsblock: 3 steg
![Hur man gör en meddelandebox i anteckningsblock: 3 steg Hur man gör en meddelandebox i anteckningsblock: 3 steg](https://i.howwhatproduce.com/images/004/image-11576-27-j.webp)
Så här skapar du en meddelanderuta i anteckningsblock: Hej där. Jag ska lära dig hur du skapar en meddelanderuta. Allt du behöver är Anteckningar. Om du har några kommentarer, lägg dem gärna. Börja bara lära dig och ha kul