Hoe het schrijven van HTML-webpagina 's



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 deenTags, 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 deLabel 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 of doorgehaald.

  • 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 koppelingen

  • Voeg 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.

Gerelateerde Artikelen

Hoe het schrijven van HTML-Code in Kladblok

Hoe het schrijven van HTML-Code in Kladblok

Kladblok is een eenvoudige tekst-editor die gratis wordt geleverd met Windows en laat die u code eenvoudige documenten op een website worden gebruikt. Als u wilt code in Kladblok, waarvan u de naam wilt weten eenvoudige HTML-codes. Wanneer geüpload n
Hoe het schrijven van HTML om een Pop-Up van E-mail op een webpagina plaatsen

Hoe het schrijven van HTML om een Pop-Up van E-mail op een webpagina plaatsen

Links naar e-mailadressen automatisch knal opwaarts e-mailclient van de gebruiker. Maken HTML links naar e-mailadressen maken het geschikt voor uw web lezers te sturen een e-mail communicatie direct. De HTML link opent u de e-mailclient en wordt inge
Hoe het schrijven van HTML-Code voor iemand om je te abonneren op nieuwsbrieven

Hoe het schrijven van HTML-Code voor iemand om je te abonneren op nieuwsbrieven

Als de maker van een website, kunt u overwegen een functie nieuwsbrief abonnement aan uw pagina's. Dit element van de website nodigt gebruikers uw mailings ontvangen en u krijgt een melding wanneer belanghebbenden deelnemen. Op deze manier kunt u het
Hoe het schrijven van HTML-Code voor de knop Links

Hoe het schrijven van HTML-Code voor de knop Links

Links zijn integraal onderdeel van het web het doorbladeren ervaring. Ze maken de bezoekers van de website om te navigeren op een website zonder dat u hoeft te typen een nieuw adres in de adresbalk, en kunnen gebruikers van site naar site springen al
Hoe het schrijven van HTML-Code met Macintosh teksteditor

Hoe het schrijven van HTML-Code met Macintosh teksteditor

HTML-editors bloeien op het web. Met de juiste zoekopdracht kunt u pagina's van aanbiedingen: freeware, shareware, code-editors die HTML ondersteunen en eenvoudige redacteuren met voorbeeld mogelijkheden. Als u leren van HTML wilt, is echter de beste
Hoe het schrijven van een werk geschiedenis voor cv 's

Hoe het schrijven van een werk geschiedenis voor cv 's

Een belangrijk onderdeel van je CV is het werk geschiedenis sectie. In deze sectie zal u uw huidige en vorige banen in chronologische volgorde weergeven. Afhankelijk van de hoeveelheid ruimte die je hebt, sommige secties werk geschiedenis lijst taako
Hoe het schrijven van een eerste Job CV voor een bioscoop-baan

Hoe het schrijven van een eerste Job CV voor een bioscoop-baan

Hoe het schrijven van een eerste Job CV voor een bioscoop-baan. Bioscopen zijn de place to be op vrijdag- en zaterdagavond als je een tiener. Of je er op datums of met groepen vrienden gaat, behoren bioscopen tot de meest voorkomende recreatieve best
Hoe het schrijven van een ondernemingsplan voor een conferentiecentrum

Hoe het schrijven van een ondernemingsplan voor een conferentiecentrum

Elk bedrijf moet een ondernemingsplan hebben, en een conferentiecentrum is geen uitzondering. Een goedgeschreven plan niet alleen beknopt beschrijft het bedrijf aan een buitenstaander, maar biedt ook een referentiedocument voor de eigenaar van het be
Hoe het schrijven van een formele verslag

Hoe het schrijven van een formele verslag

In een zakelijke omgeving, moet u weten hoe het schrijven van een formele verslag, of voor nieuwe ideeën, marketing, boekhoudkundige of andere belangrijke informatie. Een formele verslag moet bevatten bepaalde opmaak en details.Begin met een inleiden
Hoe het schrijven van een Speech van dankbaarheid

Hoe het schrijven van een Speech van dankbaarheid

Wetende dat je zal worden opgeroepen te speechen dank betuigen vraagt om enige planning vóór de gelegenheid, zodat uw toespraak zal uitspreken precies wat u wilt zeggen. Of de dank voor hulp van een soort of een materiaal gift is, is het belangrijk d
Hoe het schrijven van een liefdegedicht voor een verjaardag

Hoe het schrijven van een liefdegedicht voor een verjaardag

Een liefdegedicht is een van de meest zinvolle en romantische manieren dat u uw gevoelens over een andere persoon kan uitdrukken. Vaak mensen die problemen uiten hun gevoelens in woorden hebben vinden dat poëzie een betere uitlaatklep voor hen is. Ge
Hoe het schrijven van CV's met geen werkervaring

Hoe het schrijven van CV's met geen werkervaring

Hoe het schrijven van CV's met geen werkervaringProberen te vinden van een baan, maar heb geen ervaring. Dat is helemaal niet een probleem. Denk buiten de doos. Er zijn dingen die jij in je dagelijks leven, die naar baanvaardigheden overgebracht kan.
Hoe het schrijven van een eerste Job CV voor toerisme

Hoe het schrijven van een eerste Job CV voor toerisme

Hoe het schrijven van een eerste Job CV voor toerisme. Toerisme banen omvatten een breed scala aan standpunten. Mensen die werken in het toerisme mogelijk reisbureaus, ticket verkopers, cruise schip of hotel werknemers of timeshare sales-professional
Hoe het schrijven van een ondernemingsplan voor een bloemenwinkel

Hoe het schrijven van een ondernemingsplan voor een bloemenwinkel

Hoe het schrijven van een ondernemingsplan voor een bloemenwinkel. Openen van je eigen bloemenwinkel is een spannende onderneming. Een van de eerste dingen die je doen moet om uw succes te verzekeren is het schrijven van een businessplan. Dit zal hel