Basics: het creëren van je eigen HTML-document

on November 28, 2008 door Joel Reyes op 28 november 2008

Web Design & Dev

Deze beknopte handleiding leidt u door het aanmaken van uw eerste webpagina.

Wat is HTML, en Wat heb ik nodig?

Voor het maken van een HTML-document dat u moet begrijpen dat HTML is de taal van het Net. Het is een eenvoudige en toch universele mark-up taalgebruik dat web-ontwikkelaars en ontwerpers de mogelijkheid om complexe pagina's tekst die veranderen in beelden, stijlen en waardevolle inhoud die kunnen worden bekeken door een persoon die gebruik maakt van enige vorm van computer of browser op het web.

Sommigen van jullie hebben gehoord dat je moet een soort van speciale software, zodat u uw eigen HTML-pagina, maar dat is een schaamteloos valse verklaring.

Hier kleine lijst van alle hulpmiddelen die u nodig heeft:

Een woord-processor (zoals SimpleText, BBEdit, Notepad, of Microsoft Word)

-Een eenvoudige praktische kennis van HTML. (Gelukkig HTML is makkelijk en leuk om te leren!)

Yup! Thats it! Dit zijn alle tools die je nodig hebt als nu, had toch gezegd dat het kleine lijst.

Tags

H yper T ext M ark-up-L ANGUAGE meestal bestaat uit verschillende tags die zijn ingebed in een eenvoudige tekst-document. Ze zijn in feite alleen verborgen achter de schermen, beheersen de meeste dingen kun je het bekijken, en wat zij wil dat u uitzicht op de aangewezen tijd. Hm, aard van het doet me denken aan de parental control-functie op de tv een beetje.

HTML-tags sterk rekening worden gehouden met het bestaan van de Engels taal. Zoals de meeste van de tags zijn woorden (zoals blockquote) of afkortingen (zoals "p" voor paragraaf), maar ze worden op unieke wijze gescheiden van de gewone tekst, omdat ze geplaatst in kleine hoek tussen haakjes (zoals deze <>) . Daarom is de tag vet eruit zouden zien <b>, en de blockquote tag is <blockquote>.

Er zijn bepaalde tags die zal het meeste invloed op hoe de pagina wordt geformatteerd (bijvoorbeeld <p> begint een nieuwe paragraaf, en <br> kunnen breken de laatste regel in de paragraaf te maken voor een ruimte), en anderen differentiëren hoe de woorden worden weergegeven (<i> maakt de tekst cursief). De meeste anderen het verstrekken van informatie - zoals de titel - die niet wordt weergegeven op de pagina zelf.

Een zeer belangrijk dat je moet onthouden over tags is dat voor elk een tag is er nog een ander een gepaarde mee. Iedere keer dat je gebruik maakt van een tag - zeggen <br> - moet je ook toevoegen en sluit het af met een andere tag - in dit geval, </ br>. Let op de slash - / - vóór de tag "br"; dat is wat blijft, in tegenstelling de afsluitende tag van de opening tag.

Een eenvoudige HTML-pagina begint altijd met de tag <html> en eindigt met </ html>. Tussen het bestand bestaat uit twee delen - de kop en het lichaam.

De header wordt ingesloten door de <head> en </ head> - bevat informatie over uw pagina dat dit niet zal zichtbaar zijn op de laatste pagina, bijvoorbeeld de titel. Het lichaam omsloten door <body> en </ body> - is de plaats waar de echte HTML-actie plaatsvindt. Elk ding dat wordt weergegeven op de pagina bevindt zich binnen deze tags.

Nu op naar het HTML-document

Ik denk dat we klaar staan om te beginnen met het maken van een eenvoudige pagina. Right? Ok de eerste stap is uiteraard het creëren van een nieuw tekstdocument (weet je nog, het moet worden opgeslagen als "Alleen tekst" of "Plain Text" Als u een tekstverwerker dat is chiquer dan, zeg, SimpelTekst of Kladblok) met de naam "anything.html 'waar' iets' is, uhm, nou eigenlijk alles op alles.

Uw basisdocument moet er ongeveer zo uitzien:

 <html> 
  <head> 
   <title> SimpleHelp.Net </ title> 
   </ head> 

  <body> 
   <h1> HTML Basics </ h1> 

   <p> Dit is een eenvoudig om u te helpen creëren van een werkende HTML-pagina op SimpleHelp.Net! </ p> 

   <p> Simple helpen op SimpleHelp.Net:) </ p> 

   </ body> 
   </ html> 

Binnen de <head> tags, hebben we de titel "SimpleHelp.Net" die zal verschijnen in de bar op de bovenkant van uw browser.

Binnen de body-tags moet u alles dat zal duidelijk zichtbaar op de pagina. Met wat we hierboven heb geschreven zal er ongeveer zo uitzien:

HTML Basics

Dit is een eenvoudig om u te helpen creëren van een werkende HTML-pagina op SimpleHelp.Net.

Eenvoudig te helpen op SimpleHelp.Net :)

Zoals je misschien al hebt geraden, <h1> is de tag voor een kop (de grootste kop, in feite in vergelijking met <h2>, <h3>, enzovoort) en <p>, natuurlijk, markeert het begin van een nieuwe paragraaf. Elke paragraaf wordt afgesloten met een overeenkomstige </ p>-tag. Zoals elke andere tag moet worden afgesloten door hun correspondent tags die een "/".

Is' HTML-ing "lijken redelijk simpel? Nou wat denk je? Dat is het zeker!

Elke bladzijde bevat een broncode en dit kan met deze kunt u elke webpagina's HTML-code door te kunnen openen via uw browsers menu-opties. En het beste van alles, je hoeft niet je eigen homepage te beoefenen! U kunt HTML-documenten opslaan op uw lokale of draagbare stations en vervolgens hebben ze open te stellen met de Open optie onder het menu Bestand de optie in uw browser.

Ik wens u allen veel succes als Hopelijk heeft geholpen een paar beginnende lezers ook een HTML-pagina en misschien zelfs geholpen refresh een paar van de ontwikkelaars meer bemiddelende geesten ook.

Feel free to comment!

Gerelateerde berichten:
  • Hoe stelt u de eigenschappen van meerdere MS Word-documenten
  • Hoe gebruik je de Content Library functie van Publisher 2007
  • Hoe pakt u de beelden van een. Doc-bestand met behulp van OpenOffice.org Writer
  • Hoe te "Pubvertise" Your Live FeedBurner RSS-inhoud onder een breder publiek
  • Het veranderen van het Windows XP System Properties logo en tekst
  • Get Simple Help tutorials net zoals deze in uw e-mail inbox elke dag - gratis! Geef uw e-mailadres hieronder:

    U kunt altijd afmelden voor deze e-mail abonnement op elk moment wijzigen.


    Bookmark en Share

    3 comments… read them below or (3 reacties hieronder te lezen ... of Voeg een )

    1 12.06.08 nicolas op 3:45 pm

    U kunt niet dicht een br-tag.

    Tevens zullen alle platte tekst bestand met html extensie is genoeg.

    2 Joel Reyes 12.08.08 op 8:48

    Om duidelijk te maken wat een beetje, het is echt een br tag moet niet worden gesloten, omdat het een van de twee bestaande tags die zijn 'self-closing, de andere tag is de tag. In dit artikel de afsluiting van de br tag is slechts een voorbeeld.

    Ja dit juist is, elke platte tekst bestand op te slaan met de extensie. Html is voldoende.

    Dank u voor uw opmerking Nicolas. We stellen uw aanvullende informatie.

    3 Joel Reyes 12.08.08 op 8:51

    De twee self-closing tags zijn br en de img tags.

    Laat een bericht achter

    U kunt deze HTML-tags en attributen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>