Hoe een eenvoudige webpagina te maken in Kladblok: 15 stappen

Uit dit artikel leert u hoe u een eenvoudige webpagina kunt maken in Kladblok (op een Windows-computer). HTML wordt gebruikt als een programmeertaal.

Stappen

Deel 1 van 4:

Hoe een HTML-document te maken

een. Open het startmenu

. Klik op het Windows-logo in de linkerbenedenhoek van het scherm.

2. Zoek notitieblok. Binnenkomen notitieboekje In het menu "Start". Aan de bovenkant van het menu verschijnt zoekresultaten.

3. Klik op Notitieboekje. Dit is een blauw pictogram aan de bovenkant van de zoekresultaten. Kladblok opent.

4. Open menu Bestand. Het bevindt zich in de linkerbovenhoek van het Notepad-venster.

vijf. Klik Opslaan als. Deze optie bevindt zich in het menu. Het venster opslaan als ».

6. Open het menu "Bestandstype". Het bevindt zich aan de onderkant van het venster - het toont de "tekstdocumenten (* *.TEKST) ".

7. Klik op Alle bestanden. Deze optie bevindt zich in het menu. Nu kan het bestand worden opgeslagen als een HTML-document.

acht. Selecteer een map om op te slaan. Om dit te doen, klikt u op de gewenste map in het linkerdeelvenster van het venster.

Als u bijvoorbeeld het document op het bureaublad wilt opslaan, scrolt u omhoog en drukt u op "Desktop" op het linkerdeelvenster.

negen. Voer de naam en extensie "HTML" in. Klik op het tekstveld "Bestandsnaam", voer de bestandsnaam in en voer vervolgens in .HTML.

Als u bijvoorbeeld het webpagina-bestand "Hello" wilt noemen, voert u in Hallo.HTML.

10. Klik Sparen. Tekstdocument wordt opgeslagen als een HTML-document. Nu kunt u gaan naar het maken van een webpagina-structuur.

Als een notitieblok onverwachts is gesloten of u later naar het document wilt terugkeren, klikt u met de rechtermuisknop op het HTML-bestand en selecteert u "Bewerken".

Deel 2 van 4:

Hoe een webpagina-structuur te maken

een. Tagged tag toevoegen. De eerste tag die aan de notebook moet worden toegevoegd, geeft het volledige document aan dat de HTML-taal wordt gebruikt. Voer in Kladblok het volgende in:

2. Tags "Head" toevoegen. Deze tags markeren het begin en het einde van de paginanaam die u in de volgende stap maakt. Nu komt u gewoon Na tag , tweemaal klikken ↵ Voer de lege snaren in en voer vervolgens in .

3. Voer de naam van de pagina in. Het wordt ingevoerd tussen tags , Die in de tags "hoofd" zou moeten zijn. Deze naam wordt weergegeven op het tabblad Browser wanneer de pagina open is. Als de naam van uw pagina bijvoorbeeld "Mijn Site" is, voert u het volgende in:

Mijn website

4. Tags "Lichaam toevoegen". De webpagina-code staat tussen deze tags. Onder de tag:

vijf. Sluit HTML-taal. De laatste tag van het document is de slot "HTML" -tag om het einde van de pagina aan te duiden. Binnenkomen Onder de tag om de HTML-tag te sluiten.

6. Bekijk HTML-document. In dit stadium moet het document als volgt uitzien:

Mijn website

7. Sla het document op. Om dit te klikken Ctrl+S. Nu kunt u gaan om paginaitems toe te voegen, zoals paragrafen en krantenkoppen.

Deel 3 van 4:

Webpagina-items toevoegen

een. Vergeet niet dat alle elementen van de webpagina moeten zijn tussen de tags van het "lichaam". Elk element - of het nu gaat om een kop of alinea - u moet na de tag invoeren En voor de tag .

2. Voeg de hoofdsite-header toe. Binnenkomen Tussen de tags "lichaam" en voer vervolgens de titel in de tags in . Als u bijvoorbeeld een pagina wilt maken met de kop "WELKOM", voert u het volgende in:

Welkom

Gebruik de tags over

, Om kleinere headers te creëren.

3. Tekst toevoegen aan pagina. Voer paragraaf-tags in en voer vervolgens de tekst in deze tags in. Het resultaat zou er zoiets moeten uitzien:

Dit is mijn website. Stem op mij in de verkiezing!

4. Steek de spleet van paragraaf. Om lege lijnen tussen paragrafen of headers toe te voegen, voert u de string in Na de sluitingstag. Om bijvoorbeeld een tekenreeksvakantie te maken, voert u het volgende in:

 Dit is mijn website. Stem op mij in de verkiezing!En ik hou van aardappelen

Na de eerste tag
U kunt dezelfde tag invoeren om nog een rij-pauze toe te voegen, dat wil zeggen, er zijn twee lege lijnen tussen twee alinea`s.

vijf. Formatteer tekst. Door geleend, geneigd of onderstreept, evenals het woord, het voorstel of het tekstblok, als ze tussen de tags van de paragraaf zijn:

 Vetgedrukte teksttekstSubstitueerde tekstGevoerde tekst

6. Bekijk het uiterlijk van de webpagina. Hoewel de elementen van de webpagina kunnen variëren, moet het document er zoiets uitzien:

Dit is mijn websiteWelkom!Dit is mijn website. ik hoop dat je het leuk vind!Door gedurfde tekst Hoogtepunten Hoogtepunten.Hellende tekst moet in een rilling gooien.

Deel 4 van 4:

Hoe opent u een webpagina

een. Sla het document op. Om dit te klikken Ctrl+S. Nu u het HTML-document opent, verschijnt de nieuwste versie van uw webpagina.

2. Klik met de rechtermuisknop op HTML-Document. Het menu wordt geopend.

3. Kiezen Om te openen met. Deze optie bevindt zich in het menu. Een nieuw menu wordt geopend.

4. Selecteer een webbrowser. HTML-document kan in elke browser worden geopend, dus selecteert u in het menu uw gewenste webbrowser. HTML-document wordt geopend in het venster Webbrowser.

vijf. Blader door de webpagina. Als alles in orde is, sluit het kladblok.

Als u een HTML-document wilt blijven bewerken, kunt u terugkeren naar de notebook en de nodige wijzigingen aanbrengt, niet vergeten om ze regelmatig op te slaan.