Een eenvoudige webpagina maken met Kladblok
We gebruiken elke dag webpagina`s, maar hoe moeilijk is het om er een te maken? U kunt eenvoudig een eenvoudige webpagina maken met Kladblok.
Inhoud
stappen
1
Open Kladblok. Klik op "Bestand" -> "Opslaan als". Sla het bestand op met de laatste extensie .html. U kunt het bestand met alles vervangen. Over het algemeen is de hoofdpagina van een website: index.html. Nu kunt u beginnen met programmeren. Maak je geen zorgen, het is niet zo moeilijk.
2
HTML (Hypertext Markup Language) maakt gebruik van labels. De labels zijn in feite een tekst tussen punthaken "<"En">". U zult veel labels moeten gebruiken om uw webpagina te maken. Er zijn ook sluitingslabels die een van een diagonaal "/" maken gevolgd door de naam van de tags en ze zien er als volgt uit: Wanneer u een label opent, moet u het sluiten.
3
Het eerste label van een webpagina is meestal "". Deze tag moet naar de bovenkant van het Kladblok-bestand gaan.
4
Het volgende label is "". Het volgende label, "", Vertelt de zoekmachine wat te plaatsen in het bovenste gedeelte van het venster en de optionele tag" meta-tags "vertelt zoekmachines zoals Google waar de site over gaat.
5
Plaats op de volgende regel na het label "head" het label "". Na de "title" -tag schrijft u wat u boven aan uw webpagina wilt plaatsen, meestal schrijft u de titel van de webpagina. Sluit nu het label door "" in te typen.
6
Sluit nu het label, onthoud dat u alle labels moet sluiten.
7
Voeg nu de `body`-tag toe aan onze pagina. Schrijf ". Houd er rekening mee dat niet alle kleuren compatibel zijn met alle browsers (in de meeste browsers is de donkergrijze kleur bijvoorbeeld niet zichtbaar).
8
Tussen de twee labels "body" gaat de inhoud van de webpagina, wat de gebruiker ziet. Laten we beginnen met een header. De koptekst is een sectie van de tekst in groot formaat en is gespecificeerd in HTML met tot de
tot de . met
de tekst zal groter worden. Dus bovenaan uw webpagina, na de "body" -tag, kunt u zoiets als dit plaatsen:
Welkom op mijn webpagina!
Zorg ervoor dat u het label sluit, anders werkt uw website niet.9
Een ander label dat u kunt gebruiken binnen het "body" -label is
".
(alineatags)
Dus na uw koptekst heeft u mogelijk het volgende voorbeeld:"Ik ben aan het leren hoe ik een website moet maken, wiki. Hoe is de beste!"
Als u een nieuwe alinealijn op uw site wilt, gebruikt u de volgende tag: "".
10
U wilt waarschijnlijk geen webpagina met dezelfde tekst. Dus laten we een bepaald formaat zetten: ""Om de tekst vetgedrukt te maken,""In cursief en""Om het te onderstrepen"". Vergeet niet om de afsluitende tags te plaatsen.
11
Wat echt een interessante website maakt, zijn de foto`s. Zelfs met het formaat wil niemand alleen woorden zien. Gebruik de tag ""Om afbeeldingen toe te voegen. Maar net als de tag `body` is er wat meer informatie nodig. Een label Het kan er als volgt uitzien: . De "src" ("bron "of bron in het Engels) is wat de afbeelding doet verschijnen. De breedte en hoogte zijn in pixels.
12
Alles is bijna klaar. Als u wilt dat uw bezoekers meer dan één pagina zien, moet u koppelingen maken met: Adres naar een andere pagina. De tekst in het midden van de labels is wat de gebruiker ziet om op de andere pagina te klikken. Het gebruik van deze tag maakt het voor gebruikers gemakkelijker om zich over uw website te verplaatsen.
13
Ten slotte is het noodzakelijk om het label "body" te plaatsen: en de hele pagina:
14
Sla uw werk op en open het .html-bestand in uw favoriete webbrowser. Gefeliciteerd! U hebt zojuist een webpagina gemaakt.
15
Als u uw website op internet wilt publiceren, leest u het artikel "Hoe een webpagina met uw eigen domein te publiceren".
tips
- U kunt meer tags vinden op internet. Er zijn veel goede sites die mensen leren webpagina`s te maken. W3Schools is een zeer goede optie.
- Vergeet niet om uw labels te sluiten.
- Vermeld altijd uw mappen en webbestanden met kleine letters en zonder spaties of leestekens. Hoewel Windows u toestaat om spaties te gebruiken, staan veel webhostingproviders dit niet toe, waardoor u problemen bespaart.
Delen op sociale netwerken:
Verwant
- Hoe een hyperlink met HTML toe te voegen
- Hoe HTML te leren
- Hoe het standaardlettertype voor Windows Notepad te wijzigen
- Hoe maak je een vervolgkeuzelijst in HTML zonder Java
- Hoe een HTML-bestand uit te voeren
- Hoe een achtergrondafbeelding in HTML te herstellen
- Een programma maken met Kladblok
- Hoe een webpagina in HTML te maken
- Hoe te tekenen met tekst in Kladblok
- Hoe muziek op uw webpagina te plaatsen
- Hoe tekst in HTML te onderstrepen
- Hoe het eenvoudige HTML-formaat te gebruiken
- Hoe Internet Explorer te openen als het pictogram niet op het bureaublad staat
- Hoe u jаvascript aan uw website kunt toevoegen met behulp van HTML
- Hoe een specifieke website te blokkeren zonder enige software
- Hoe de inhoud van een webpagina met CSS te centreren
- Hoe een tekst in HTML-taal te centreren
- Hoe een computerbestand te maken
- Hoe een HTML-formulier te maken dat naar een e-mailadres kan worden verzonden
- Hoe een eenvoudig CCS-stijlblad te maken met behulp van het kladblok
- Hoe een jаvascript-functie in HTML te definiëren