Skip to content
HTML
HTML5 (HyperText Markup Language)
Struktur och “markup”
HTML Element (tex div, section, header)
Grundelement
<head>
(Osynlig del av sidan. Här importerar vi CSS, Script-filer, Meta-taggar (information om sidan) , sätter titel m.m.
<body>
Allt synligt innehåll på sidan
<div>
Generellt element, används i många sammanhang
<section>
En specifik huvud-sektion på sidan (tex en newsletter-signuo mitt i sidan, eller en stor erbjudande-splash i toppen av sidan)
<header>
(SEO-vänligt) Översta delen i sidan eller i en artikel
<main>
(SEO-vänligt) Allt huvudinnehåll på sidan eller i artikeln-listan
<footer>
(SEO-vänligt) Nedersta delen i sidan eller artikeln. Innehåller oftast länkar till annat
Element
<h1>
(SEO-vänligt) En huvudrubrik. h2 är en mindre rubrik / underrubrik.
<p>
En paragraf, ett textstycke
<a href=”https://google.se”>
En klicklänk för att ta sig till en annan del av hemsidan eller en helt annan sida
<img src=”url-till-min-bild.jpg” alt=”En bild på en häst”>
Ett bild-element.
<ul>
En lista. Innehåller <li>-list-element
<li>
Ett / flera list-element. (List item) ligger inuti en <ul>
<article>
(SEO-vänligt) En del av sidan som specifikt är en artikel
<span>
Textfält
<nav>
(SEO-vänligt) Navigering på sidan. Tex meny-val: Denna sätter du oftast runtom ett “ <ul> “-element
<link>
Inlänkning av en resurs, tex CSS
<script> ( ligger i HEAD)
En del av HTML’n där man skriver Javascript, eller importerar Javacript-fil.
<meta> ( ligger i HEAD)
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.