HTML of HyperText Markup Language, is in feite een set van tags die communiceren instructies aan internetbrowsers op het weergeven van informatie op het scherm. Als u eenmaal begrijpt wat elke tag is en wat het doet, het schrijven van een webpagina is bijna net zo gemakkelijk als het schrijven van een boodschappenlijst.
Wat die u nodig hebt
- Windows Notebook of een vergelijkbare teksteditor
HTML 101
Open een nieuw Kladblokbestand en sla het op uw bureaublad als "index.html". Zoek het bestand op uw bureaublad; dubbelklikt u erop om deze te openen in uw webbrowser. Voor nu, moet deze als een lege pagina weergegeven. Als u wijzigingen aanbrengen en opslaan naar het Kladblok-bestand, deze webpagina te testen van de HTML-code en te controleren zijn verschijning in uw browser te vernieuwen.
Maak de volgende set van tags:
Deze tags vertellen uw browser die alles binnen deze tags is geschreven in of (in het geval van CSS of javascript) compatibel is met HTML.Maak de koptekst van uw web-pagina. Op de regel onder detag, voer de volgende set van tags:
Geef de pagina een titel. Tussen de header-tags, voegt u het volgende:
HTML-testpagina . Uw werk opslaat en vernieuwt u de pagina in uw webbrowser. De pagina moet nog steeds worden leeg weergegeven, maar de titel moet nu worden weergegeven in de titelbalk van de webbrowser.META-tags maken op een nieuwe regel onder de titel:
Maak het hoofdgedeelte van uw webpagina. Dit is het deel dat wordt weergegeven in webbrowsers.
Voer de volgende tags op een nieuwe regel onder de tag:Uw inhoud maken. Tussen de
enTags, schrijf de informatie die wordt weergegeven op uw webpagina. Voor deze oefening, typ (of kopieer en plak) het volgende:
HTML Is eenvoudig
Deze webpagina is gemaakt met behulp van eenvoudige, elementaire hypertext markup language. HTML wordt gebruikt voor het weergeven van tekst in verschillende stijlen en kleuren. Tekst kan vet, onderstreept, cursief of doorgehaald worden. HTML kan ook worden gebruikt voor het maken van koppelingen en afbeeldingen toevoegen aan een pagina.Maak pagina achtergrond, tekst en link kleurkenmerken binnen de
Label als volgt:
Hierdoor krijgt uw pagina een beige achtergrond met marine blauwe tekst. Hyperlinktekst verschijnt koboltblauw bij eerste, zal beurt aqua wanneer bezoekers tikken daarop en eindelijk middernacht blauwe voor degenen die die link al hebt bezocht.Vinden van de kop, "HTML Is eenvoudig." De volgende tags om te centreren en benadrukken de kop toevoegen:
HTML Is eenvoudig
Gebruik de alinea, of
tag, te breken van de resterende tekst in twee alinea's. Plaats deze code in de voorkant van de lijn, "deze webpagina is gemaakt met behulp van eenvoudige, elementaire hypertext markup language." Plaats het weer voor de regel, "HTML kan ook worden gebruikt voor het maken van koppelingen en afbeeldingen toevoegen aan een pagina."
De juiste opmaak toepassen op de woorden "vet", "onderstreept", "cursief" en "doorgehaald." In HTML, zal de zin als volgt uitzien:
Tekst kan vet, onderstreept, cursief ofdoorgehaald.Zoek de woorden, "koppelingen, maken" in de laatste regel van de tekst. Zet dit in een hyperlink naar de startpagina van Google door het invoegen van Link tags voor en na de zin, als volgt:
maken "> http://www.google.com" > maken koppelingenVoeg dat een Creative Commons licentie foto op een nieuwe regel en centreren als volgt:
src = "
" > breedte = "240" height = "160" border = "0" alt = "Afbeelding door I_Shutter op Flickr" >
In de Link-tag, de titel toevoegen:
http://www.Flickr.com/photos/janelinton/122959202/"titel ="Afbeelding door I_Shutter op Flickr">
Proficiat. U hebt zojuist uw eerste webpagina geschreven in HTML.Tips & waarschuwingen
- De kop is het gedeelte dat instructies op het web over hoe om te geven en catalogus van uw pagina. Het bevat de titel over het algemeen weergegeven op de titelbalk van de webbrowser, alsmede metatags die beschrijven de pagina's inhoud en verstrekken sleutelwoorden, waardoor het gemakkelijk is voor zoekmachines om uw Lijstpagina. In meer geavanceerde pagina's is dit ook waar de CSS en javascript gaat. Als u wilt aanpassen een van de inhoud van de koptekst, vervang eenvoudig de geciteerde tekst door uw eigen titel en meta-inhoud. U kunt koppelen aan een willekeurige pagina op het Web. De Google URL vervangen door de URL, compleet met het "http://" prefix, de pagina die u koppelen wilt aan in plaats daarvan. Merk op dat de IMG-tag staat op zichzelf. Er is geen eindtag. Hoewel we standaard kleurnamen in ons lichaam kenmerken gebruikt, kunt HTML ook lezen hexadecimale kleurcodes, waarmee nauwkeuriger kleuraanpassing. HEX-codes kunnen worden gevonden in het gedeelte aangepaste kleuren van de meeste beeldbewerkingsprogramma's; of vindt u het conversieprogramma's online kleur, zoals de Draac.com kleur converter, die zowel standaard Engels namen als RGB-waarden naar HEX-code converteren kan. Dit artikel is gewoon om te beginnen. Gelukkig, is er geen gebrek aan HTML-tutorials over het web. Check out de referentie links te vinden tutorials op Geavanceerde opmaak technieken en te leren van de enorme mogelijkheden van HTML in webdesign.
- Een ontbrekende tag, ontbrekende aanhalingstekens of zelfs een simpele typfout sluiten kan breken uw web-pagina, maar maak je geen zorgen. Dergelijke fouten zijn zo makkelijk te vinden en op te lossen als ze te maken, dankzij de validatiefuncties zoals van de W3C-Markup-Validator. Deze programma's controleren of uw code klopt en kan gemakkelijk worden gelezen en begrepen door alle webbrowsers.