HTML är en förkortning av Hyper Text Markup Language och är det språk som används för att göra hemsidor. HTML-dokument är textfiler som innehåller text och med hjälp av olika kommandon formaterar sidan och pekar på de dokumentdelar som man vill ska ingå. Koderna är öppna för alla och vem som helst kan hitta källfilen.
- html skrivs i vanligt textformat.
- Vinkelparenteserna < och> fungerar som särskilda styrtecken som avgränsar html-koderna från vanlig text.
- <tagg attribut="värde1" attribut2="värde2"></tagg> t ex <img> kräver ett attribut <img src="bild.gif">
- Huvudet innehåller bara titeln på sidan. Det verkliga innehållet i alla html-dokument hamnar i kroppen, som anges av koderna <body> och </body>.
Kan skrivas som vanlig text i t ex WordPad som sparas .html och sedan kontrolleras i en browser t ex Internet Explorer eller NetscapeNavigator.
Alla dokument börjar med taggen
- <html> och avslutas med </html> längst ner i dokumentet
Efter denna tagg används
- <head> där anger du dokumentets titel
- <title>Detta dokument</title>
- </head>
Sedan fortsätter du med taggen
- <body> Det är härifrån som all text som visas på skärmen (förutom titeln) hämtas, liksom alla länkar till grafik, multimediainformation och andra platser i dokumentet eller andra dokument.
- <body background(bakgrundsfärg)="white" font size=+1(textstorlek)>glöm ej att avsluta med</body> innan du avslutar html-dokumentet
Textformatering:
- <H1><H2>-<H6>Rubrik med grad 1-6, avslutas med </H1>
- <br> är radbrytning som du inte behöver avsluta
- <p> betyder paragraph, innebär dubbelradbrytning
- <b> är fetstil som du avslutar med </b>
- <i> är kursivstil som du avslutar med </i>
- <tt>är skrivmaskinstext som du avslutar med </tt>
- <font> anger brödtexter, typsnitt avslutas med </font>
- <center> centrering av text avslutas med </center>
- <blockquote> indrag avslutas med </blockquote>
- <ul> är till en onumrerad lista och avslutas med </ul> och <li> används där emellan för att sätta punkter och avslutas med </li>
- <ol>är en numrerad lista och avslutas med </ol> och <li>används däremellan för att sätta numrerade punkter
Länkar:
- <a href="fil.html">länk till fil </a>
- http används om du vill länka till en annan hemsida
- mailto används om du vill göra länk till mailadress
Bilder:
Taggen img används till nedanstående attribut:
- src="bild.gif" visar var filen ligger och vad den heter
- width="125" bildens bredd i antal pixlar
- height="50" bildens höjd i antal pixlar
- alt="denna bild är en båt" alternativ text om inte bilden visas
- align="left" vänsterjusterad
- align="right" högerjusterad
- border skapar en ram runt bilder som t ex kan vara 1 pixel bred border="1"
<table> används när du använder tabeller skall avslutas med </table>se vidare tabeller
Meta taggar:
Meta används för att skicka ytterligare information som berör sidan än den som visas. Det kan vara en förklaring av innehållet, författarens namn etc. Det används även för att skapa en bättre indexering på sökmotorer. Meta lägger man i huvudet.
<meta>
- description En beskrivning av hemsidan som sökmotorerna använder som förklarande text i sitt index.
- keywords Anger nyckelord som sökmotorerna använder vid sökning.
- author Anger författarens namn.
- generator Brukar anges ifall man använt en html-editor.
Alla dokument avslutas med taggen
</html>
För att få mer information besök gärna denna sida: hem1.passagen.se/cadell/html