<html> Start/slutkod på hela sidan.
<head> Info om sidan - det som inte syns i själva webbläsaren.
<body> Det som syns på sidan ska skrivas in här.
<title> Titel på sidan - längst upp i webbläsaren.
<p> Paragraf.
<br> Radbyte (Man kan även göra "Soft Return" = Shift+Enter, då börjar raden direkt under föregående).
<h1> Stor rubrik (Det finns olika strl på rubriker - 6 st, <h1>,<h2>, <h3> osv).
<b> Fet text.
<strong> Fet text.
<a href> Länk.
<target> Talar om var en länk ska öppnas.
<blank> Används i <target> och betyder att sidan visas i ett nytt fönster.
<self> Används i <target> och betyder att sidan visas i samma fönster som länken finns i.
<img> Bild.
<ul> Underordnad lista. Exempel. Göteborg: - Nöje - Bad - Sevärdheter.
<li> Typ av numrerad lista - bulleted list. Skrivs in i <ul>.
<table> Tabell.
<td> Cell i en tabell.
<tr> Rad i en tabell.
<hr> Horisontellt streck.
<div> Block/Box, man lägger element i denna box. Element = text, bild osv.
<id> Alla dokument/element får ett id-nummer. Kan bara användas på det specifika elementet.
<style> Stilmall/Layoutmall.
<class> Ett element som kan användas flera gånger på en sida.
<iframe> Inbäddad ram, länka in andra sidor till sin egen sida.
<php> Skriptspråk, körs på webbservrar. Finns 3st: PHP-MySQL, ASP - MsSQL, HTML.
Strukturen i html-kodningen:
<html>
<head>
</head>
<body>
</body>
</html>
META-taggar
Meta-taggar och titel-taggar läggs in mellan <head> och </head>. META-taggar innebär "keywords" och "Description".
Se nedan:
<head>
Se nedan:
<head>
<title>SIDANS TITEL HAMNAR HÄR</title>
<meta name="Keywords" content="HÄR LÄGGER DU IN NYCKELORDEN" />
<meta name="Description" content="HÄR LÄGGER DU IN EN FÖRKLARING OM SIDAN" />
</head>
ALT-taggar
Detta är en beskrivning på bilden för att sökmotorerna ska veta vad bilden föreställer, den är även till för att blinda personer ska kunna veta vad det är för bild, ett program läser då upp texten på förklaringen.
Leta upp <img och lägg till din beskrivning på bilden, se enligt nedan fetmarkerad röd text:
<img alt="DIN BESKRIVNING" border="0" height="266" src="sökvägen till bilden" width="400"/>
Inga kommentarer:
Skicka en kommentar