This brief tutorial will guide you through creating your first web page. Denne korte veiledningen vil guide deg gjennom å lage din første webside.

What is HTML, and What Do I Need? Hva er HTML, og hva trenger jeg?

In order to create an HTML document you have to understand that HTML is the language of the Net. For å lage et HTML-dokument må du forstå at HTML er språket i Net. It's a simple yet universal mark-up language that gives web developers and designers the ability to create complex pages of text that turn into images, styles, and valuable content that can be viewed by any one person using any sort of computer or browser on the web. Det er en enkel men likevel universell påslag språk som gir webutviklere og designere muligheten til å lage komplekse sider med tekst som blir til bilder, stiler og verdifullt innhold som kan vises ved et enkelt person som bruker noen form for datamaskin eller nettleser på web.

Some of you may have heard that you need some sort of special software in order to publish your own HTML page, however that is a blatantly false statement. Noen av dere har kanskje hørt at du trenger noen form for spesiell programvare for å publisere din egen HTML-side, men det er et åpenbart falsk erklæring.

Here's a small list of all the tools you need: Her er en liten liste over alle verktøyene du trenger:

-A word processor (such as SimpleText, BBEdit, Notepad, or Microsoft Word) -Et tekstbehandlingsprogram (for eksempel SimpleText, BBEdit, Notisblokk, eller Microsoft Word)

-A simple working knowledge of HTML. -En enkel kjennskap til HTML. (Fortunately HTML is easy and fun to learn!) (Heldigvis HTML er enkelt og morsomt å lære!)

Yup! Yup! Thats it! Thats it! These are all the tools you need as of now, told you it was small list. Disse er alle verktøyene du trenger idet av nå, sa du den var liten liste.

Tags Tags

H yper T ext M ark-up- L anguage mostly consists of several tags that are embedded into a simple text document. H yper T ext M arken-up-L anguage meste består av flere koder som er innebygd i en enkel tekst dokument. They are really just hidden behind the scenes, controlling most of what it lets you view, and what it wants you to view at the designated time. De er egentlig bare skjult bak kulissene, kontrollerer det meste av hva det kan du vise, og hva det vil at du skal se på det angitte tidspunktet. Hm, kind of reminds me of the parental control feature on the tv a bit. Hm, slags minner meg om foreldrekontroll funksjonen på tv litt.

HTML tags heavily take into account the existance of the English language. HTML-koder tungt ta hensyn til eksistensen av det engelske språket. As most of the tags are words (such as blockquote) or abbreviations (such as “p” for paragraph), but they're uniquely separated from the regular text since they're placed in small angle brackets (such as these < >). Som de fleste kodene er ord (for eksempel blockquote) eller forkortelser (som for eksempel "p" for avsnitt), men de er entydig skilles fra vanlig tekst, siden de er plassert i små Vinkelparentesene (som disse <>) . Therefore the bold tag would look like <b> , and the blockquote tag is <blockquote> . Derfor fet koden vil se ut <b>, og blockquote koden <blockquote>.

There are certain tags that will have the most influence on how the page will be formatted (for example; <p> begins a new paragraph, and <br> can break the last line within the paragraph to allow a space), and others differentiate how the words appear ( <i> makes text italic). Det er visse koder som vil ha størst innflytelse på hvordan siden vil bli formatert (for eksempel; <p> begynner et nytt avsnitt, og <br> kan bryte den siste linjen i avsnittet for å tillate et mellomrom), og andre differensiere hvordan ser ordene (<i> gjør teksten kursiv). Most others provide information — such as the title — that doesn't appear on the page itself. De fleste andre gi informasjon - for eksempel tittel - som ikke vises på selve siden.

One very important thing you must remember about tags is that for every one tag there is another one paired along with it. En svært viktig ting du må huske om kodene er at for hver brikke er det en annen sammenkoblet med det. Every time you use a tag – say <br> – you must also add and close it off with another tag – in this case, </br> . Hver gang du bruker et merke - si <br> - du må også legge til og nære det av med et annet merke - i dette tilfellet, </ br>. Note the slash – / – before the tag “br”; that's what keeps in contrast the closing tag from the opening tag. Note skråstreken - / - før tag "BR"; det er det som holder i motsetning avlutningskoden fra åpningen koden.

A basic HTML page always begins with the tag <html> and ends with </html> . En enkel HTML-side begynner alltid med tag <html> og slutter med </ html>. In between, the file has two sections – the header and the body. I mellomtiden har filen to avdelinger - den hodet og kroppen.

The header enclosed by the <head> and </head> tags – contains information about your page that won't be visible on the final page, for example the title. Overskriften omgitt av <head> og </ head>-kodene - inneholder informasjon om din side som ikke vil være synlig på siste side, for eksempel tittelen. The body enclosed by <body> and </body> – is where the real HTML action takes place. Kroppen omgitt av <body> og </ body> - er der den virkelige HTML handlingen finner sted. Every thing that appears on the page is contained within these tags. Hver ting som vises på siden finner du i disse kodene.

Now On To The HTML Document Nå videre til HTML Document

I think we're ready to start creating a simple page. Jeg tror vi er klar til å begynne å lage en enkel side. Right?  Ok the first step, of course, is to create a new text document (remember, it should be saved as “Text Only” or “Plain Text” if you're using a word processor that's fancier than, say, SimpleText or NotePad) and name it “anything.html” where “anything” is, um, well basically anything at all. Right? Ok det første skrittet, selvfølgelig, er å opprette et nytt tekstdokument (husk, skal det lagres som "Text Only" eller "ren tekst" hvis du bruker et tekstbehandlingsprogram som er mer avansert enn for eksempel SimpleText eller Notisblokk) og gi den navnet "anything.html" hvor "alt" er, um, vel i utgangspunktet noe som helst.

Your basic document should look something like this: Din grunnleggende dokumentet skal se omtrent slik ut:

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

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

  <p>This is a simple article to help you create a working HTML page on SimpleHelp.Net!</p> <p> Dette er en enkel artikkelen hjelpe deg å lage en fungerende HTML-side på SimpleHelp.Net </ p> 

  <p>Simple helping on SimpleHelp.Net <p> Enkelt å hjelpe på SimpleHelp.Net   </p> </ p> 

  </body> </ body> 
  </html> </ html> 

Within the <head> tags, we have the title “SimpleHelp.Net” which will appear in the bar across the top of your browser. Innenfor <head> kodene, har vi tittelen "SimpleHelp.Net" som vil vises i baren øverst i nettleseren.

Within the body tags, you should have everything that will be clearly visible on the page. Innen kroppen kodene, skal du ha alt som vil bli godt synlig på siden. With what we've written above it will look something like this: Med det vi har skrevet ovenfor, vil det se omtrent slik ut:

HTML Basics Grunnleggende HTML

This is a simple article to help you create a working HTML page on SimpleHelp.Net. Dette er en enkel artikkelen hjelpe deg å lage en fungerende HTML-side på SimpleHelp.Net.

Simple helping on SimpleHelp.Net Enkelt å hjelpe på SimpleHelp.Net

As you might have guessed, <h1> is the tag for a headline (the largest headline, in fact compared to <h2>, <h3>, and so on) and <p> , of course, marks the beginning of a new paragraph. Som du kanskje har gjettet, <h1> er koden for en overskrift (den største overskriften, faktisk sammenlignet med <h2>, <h3> og så videre) og <p>, selvfølgelig, markerer starten på en ny ledd. Each paragraph is closed off by a corresponding </p> tag. Hvert avsnitt er avstengt av en tilsvarende </ p>-koden. As should every other tag be closed off by their correspondant tags that include a “/”. Da bør alle andre merker bli stengt av ved deres korrespondent koder som inkluderer en "/".

Does “HTML-ing” seem pretty simple? Betyr "HTML-ing" virker ganske enkelt? Well guess what? Well guess what? It sure is! Det er sikkert!

Every page has a source code and this can with this you can view every web pages HTML code by accessing it through your browsers menu options. Hver side har en kildekode, og dette kan med denne kan du vise alle websider HTML-kode ved å åpne den via nettleseren menyvalgene. And best of all, you don't need your own homepage to practice! Og best av alt, trenger du ikke din egen hjemmeside til praksis! You can save HTML documents on your local or portable drives and then have them open up using the Open option under the File menu within your browser. Du kan lagre HTML-dokumenter på din lokale eller bærbare stasjoner og deretter få åpne dem opp ved hjelp av Open valget under Fil-menyen i nettleseren din.

I wish you all the best of luck as hopefully this has helped a couple novice readers create an HTML page and maybe even helped refresh a few of the more intermediate developers minds as well. Jeg ønsker dere alle lykke til som forhåpentligvis har hjulpet et par uerfarne lesere opprette en HTML-side og kanskje hjalp oppdatere noen av de mellomliggende utviklere sinn også.

Feel free to comment! Føl deg fri til å kommentere!