emkiset.ru

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.

stappen

Titel afbeelding Create a Simple Webpage Using Notepad Step 1
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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 2
    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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 3
    3
    Het eerste label van een webpagina is meestal "". Deze tag moet naar de bovenkant van het Kladblok-bestand gaan.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 4
    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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 5
    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.


  • Titel afbeelding Create a Simple Webpage Using Notepad Step 6
    6
    Sluit nu het label, onthoud dat u alle labels moet sluiten.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 7
    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).
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 8
    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

    . 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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 9
    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: "
    ".
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 10
    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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 11
    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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 12
    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.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 13
    13
    Ten slotte is het noodzakelijk om het label "body" te plaatsen: en de hele pagina:
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 14
    14
    Sla uw werk op en open het .html-bestand in uw favoriete webbrowser. Gefeliciteerd! U hebt zojuist een webpagina gemaakt.
  • Titel afbeelding Create a Simple Webpage Using Notepad Step 15
    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 HTML te lerenHoe HTML te leren
    Hoe het standaardlettertype voor Windows Notepad te wijzigenHoe het standaardlettertype voor Windows Notepad te wijzigen
    Hoe maak je een vervolgkeuzelijst in HTML zonder JavaHoe maak je een vervolgkeuzelijst in HTML zonder Java
    Hoe een HTML-bestand uit te voerenHoe een HTML-bestand uit te voeren
    Hoe een achtergrondafbeelding in HTML te herstellenHoe een achtergrondafbeelding in HTML te herstellen
    Een programma maken met KladblokEen programma maken met Kladblok
    Hoe een webpagina in HTML te makenHoe een webpagina in HTML te maken
    Hoe te tekenen met tekst in KladblokHoe te tekenen met tekst in Kladblok
    Hoe muziek op uw webpagina te plaatsenHoe muziek op uw webpagina te plaatsen
    Hoe tekst in HTML te onderstrepenHoe tekst in HTML te onderstrepen
    » » Een eenvoudige webpagina maken met Kladblok
    © 2021 emkiset.ru