Hoe een webpagina in HTML te maken

Hoewel u een webpagina kunt maken zonder HTML te leren, zult u op een bepaald moment onvermijdelijk problemen hebben, welk type webpagina-editor u ook gebruikt, en u zult HTML moeten kennen om ze te herstellen. Er zijn veel websites waar u HTML kunt leren, maar dit artikel toont u de basisstappen voor het maken van een website met die indeling. Met deze basisintroductie maak je binnenkort een webpagina helemaal opnieuw!

Inhoud

Stappen

Met html

Video
Tips
Waarschuwingen
Dingen die je nodig hebt

stappen

Met HTML

Begrijp wat HTML is Dit is de coderingstaal waarmee webpagina`s worden gemaakt. Om te zien hoe het eruit ziet, gaat u naar Internet Explorer en klikt u met de rechtermuisknop om te selecteren "Zie paginabron". Je ziet een pagina met codes: dat is de HTML. De code is wat de browser ziet om hem te interpreteren en een webpagina samen te stellen.

Druk in Google Chrome op "F12".
in Mozilla Firefox, pers "Ctrl + U" om de broncode van de pagina te zien.
in safari, Selecteer Bekijken > Zie bron (u "Optie + Command + U").
In Internet Explorer, de menu-optie "uitzicht" wat je zou moeten kiezen is "bron".

Titel afbeelding Create a Simple Web Page With HTML Step 2

Begin met een pagina zo eenvoudig mogelijk, maar je zult overweldigd worden door de syntaxis en scripttalen.

Het is belangrijk om te onthouden dat u de informatie tussen een openingstag en een afsluitende tag, beide van HTML, gaat schrijven. Een openingstag zal er als volgt uitzien: <____>. Een afsluitende tag ziet er als volgt uit: Uiteindelijk vervangt u de "____" voor een code.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 3

Ga naar Home > programma`s > accessoires > Notepad. Het zal veel gemakkelijker zijn als u Notepad ++ gebruikt (u kunt het gratis online downloaden). Wanneer u de HTML-taal hebt gekozen, wordt alles wat u schrijft automatisch verbonden met verschillende kleuren, op deze manier is het veel gemakkelijker om mogelijke fouten te corrigeren.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 4

Vertel de browser welke taal u gaat gebruiken. schrijven . Dit is het eerste label dat u zult moeten schrijven, wat de computer zal vertellen dat u een webpagina gaat maken. Het wordt ook aan het einde gesloten, dus sluit het aan het einde van het document <>. Hiermee wordt de webpagina beëindigd.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 5

Voeg de header toe (hoofd) van de pagina zoals weergegeven in de grafiek.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 6

Geef een titel aan de pagina. De titel is belangrijk, omdat het gebruikers een idee van het thema van de pagina geeft. Wanneer gebruikers een bladwijzer op de site plaatsen, is de titel bovendien het enige dat ze in hun bladwijzerslijst te zien krijgen. De HTML-code voor de titel is: . Sluit het aan het einde van de titel door te typen . De titel wordt alleen op het tabblad weergegeven, dit is niet de titel van de pagina zelf.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 7

Maak de body van de pagina. schrijven om de body-tag te openen. Sluit het dan met het label . De informatie voor de website zal er tussendoor gaan en .

Als u de pagina een achtergrondkleur wilt geven, kunt u een stijl toevoegen aan de hoofdtekst. In plaats van gewoon schrijven, schrijven . U kunt een andere kleur of zelfs een hexadecimale code proberen. Woorden tussen aanhalingstekens staan bekend als "attributen". Ze zouden omringd moeten zijn door citaten!

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 8

Schrijf een paar regels tekst tussen de body-tags.

Zodat de tekst op de volgende regel verder gaat (alsof u op hebt gedrukt "invoeren" op het toetsenbord), schrijft hij:
.

Wil je een selectiekader toevoegen, dat wil zeggen een woord dat van links naar rechts op het scherm beweegt? Je hoeft alleen maar te schrijven TEKST.

Titel afbeelding Maak een eenvoudige webpagina met HTML Stap 9

Voeg enkele afbeeldingen toe Als u een internetafbeelding op uw webpagina wilt plaatsen, is de HTML-code voor de afbeeldingen:

. Het sluitingslabel is :, maar het is optioneel.

Titel afbeelding Create a Simple Web Page With HTML Step 10

Controleer alles om ervoor te zorgen dat al uw labels gesloten zijn. Uw website zou er ongeveer zo uit moeten zien:

Mijn website

Ik hou van wikiHow omdat
Het is de beste pagina ter wereld!
http://wikihow.com/skins/common/images/wikiHow_logo_5.jpg ">

Titel afbeelding Een eenvoudige webpagina maken met HTML Stap 11

Sla je werk op Ga naar "Opslaan als", voer een bestandsnaam in die eindigt op de .html-extensie (bijvoorbeeld: "archivodeprueba.html") en kies "Alle bestanden" of "tekst" in Bestandstype. Het zal niet werken als deze stappen niet worden gevolgd. Ga nu waar je het hebt opgeslagen en dubbelklik om het te openen. Uw standaardbrowser wordt geopend met uw eigen webpagina.

video

tips

Dit artikel legt uit hoe u een webpagina kunt maken. Lees de gerelateerde artikelen die we later zullen noemen om meer informatie te verkrijgen om uw webpagina te publiceren.
Gebruik een sjabloon om de wijzigingen aan persoonlijke websites, zoals Myspace, te testen voordat u de laatste wijzigingen aanbrengt.
Zorg ervoor dat u alle fouten corrigeert, zodat u gemakkelijk kunt zoeken.
Wanneer u een label opent, moet u het altijd sluiten, tenzij het een van die speciale labels is die geen sluiting vereisen, zoals of
. Bij twijfel is het beter om het label te sluiten.
Om meer geavanceerde websites te maken, gebruikt u een webeditor zoals Microsoft Expression Web.
Labels sluiten kunnen nergens worden geplaatst. de "laatste" label bij binnenkomst moet de "eerste" label aan "kom eruit". Het zou er zo uit moeten zien: TEKST
Dit is een voorbeeld van onjuiste labels: TEKST
Als u de code wilt wijzigen, zoekt u naar het bestand en wijzigt u deze "htm" door ".txt". Een andere optie is dat je twee exemplaren van de code kunt opnemen, één van hen "htm" en de andere ".txt". Als je dit doet, kun je het later bewerken.
Om HTML te schrijven, raden wij de Espresso-toepassing aan: u zult zien dat het gemakkelijker voor u zal zijn om code te schrijven, omdat u hierdoor verschillende snelkoppelingen krijgt en u uw website kunt zien met de optie "voorvertoning" Zonder de labels van .html naar .txt te hoeven veranderen!
U kunt ook Adobe Dreamweaver proberen. Je kunt heel handig zijn als je problemen hebt, omdat het ze laat zien en je leert hoe ze op te lossen.

waarschuwingen

Het kenmerk wordt niet meer gebruikt "bgcolor". De juiste manier om de achtergrondkleur van de elementen te wijzigen, is met CSS.
Zorg ervoor dat u uw eigen afbeeldingen opslaat zodat u geen bandbreedte steelt van de huidige host. U kunt de afbeeldingen opslaan op sites zoals Photobucket, Flickr of Imageshack.
Zorg ervoor dat u handmatig invoert ".html" of "htm" aan het einde van de bestandsnaam en kies "Alle bestanden" of "txt" in het bestandstype. Het zal niet werken als je beide niet doet.
Het label Het is geen officiële HTML-tag zoals gedefinieerd door het W3C (World Wide Web Consortium) en werkt mogelijk niet in alle browsers. Deze tag is gemaakt en was compatibel met Internet Explorer, maar nu is deze overgenomen door andere browsers.

Dingen die je nodig hebt

Programma voor het bewerken van teksten zoals Kladblok (voor Windows) of Textedit (voor Mac)
Browser zoals Mozilla Firefox of safari
Computer met internetverbinding
Bestandsbeheer als Windows Explorer (optioneel)
Afbeelding opslag site zoals Photobucket of Flickr

Delen op sociale netwerken:

Verwant