<div> og <table>

Her kan du stille og svare på spørgsmål omkring HTML. Du kan altså med andre ord finde en masse hjælp til HTML og HTML5 på dette forum
Besvar
JvdB100
Begynder
Indlæg:18
Tilmeldt:29. mar 2016, 15:51
<div> og <table>

Indlæg af JvdB100 » 12. jun 2016, 12:20

Hej NemProgrammering!
Hvad er forskellen på <div> og <table>? Hvad vil i anbefale, at jeg bruger? I øjeblikket bruger jeg <table>.
Mvh Joep

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: <div> og <table>

Indlæg af scootergrisen » 12. jun 2016, 14:58

Kommer an på hvad du vil putte i.

JvdB100
Begynder
Indlæg:18
Tilmeldt:29. mar 2016, 15:51

Re: <div> og <table>

Indlæg af JvdB100 » 13. jun 2016, 08:06

Til forsiden har jeg

Kode: Vælg alt

<!DOCTYPE html>
<!--
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
-->
<html lang="da">
    <head>
        <title> Raglas - Forside </title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <META name="keywords" content="Glaskunst, til salg, glas til salg, glas, glas kunst til salg" />
        <META name="description" content="Glaskunst sælges" />
        <link rel="shortcut icon" type="image/x-icon" href="favicon.ico"/>
        <link rel="stylesheet" type="text/css" href="Styling af links.css">
        <link rel="stylesheet" type="text/css" href="Styling af tekst.css">
        <link rel="stylesheet" href="Background image.css" type="text/css"/>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
  <style>
    body{
    background-image: url(baggrund.jpg)
    }
  </style>
      <meta name="norton-safeweb-site-verification" content="syqif-y7axejxla27op1kc43p1jivf6b7v4679vel2pkfpuhi2k51w2mwll844fu8pv0gj814uhgur-r3h7ef1t92b2-ldzcpzqb7eq189161mag5gs492tugwb5l49h" />
    </head>
    <body>
        
        <table style="border-style: solid; border-width: medium; margin-left: auto; margin-right: auto; margin-bottom: auto; margin-top: auto; background-image: url(oranje.jpg);">
            
            <tr style="margin-left: auto; margin-right: auto;">
                
                <td style="margin-left: auto; margin-right: auto;"><h1><center> Raglas glas </center></h1><hr/></td>
                
            </tr>
            
            <tr>
                
                <td style="border-style: solid; border-width: medium;"><h2> Forside&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Til salg.html"> Til salg </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Gaestebog.php"> G&aelig;stebog </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="contact.htm"> Kontakt os </a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="Tak til.html"> Tak til </a> </h2><td/><br/>
                
            </tr>
            
            <tr>
                
            <br/><br/><td style=" border-width: medium; margin-left: auto; margin-right: auto;" class="tekst"><center> Jeg laver glaskunst til beskedene priser. Også specielopgaver.<br/>
               For mere information og rabatkoder kan du <a href="Nyhedsbrev.html"> tilmelde dig vores nyhedsbrev </a><br/><br/><img src="IMG_0113.JPG" alt="En fin lille ugle" width="448" height="407"/></center></td>
                
            </tr>
            
        </table>
        
    </body>
</html>

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: <div> og <table>

Indlæg af scootergrisen » 13. jun 2016, 17:23

Umiddelbart er det ikke nødvendigt at bruge <table> til det du laver der.
<table> er mere til hvis du for eksempel har en indkøbsliste så har du alle navnene ude til venstre og priserne ude til højre.
Eller en filmsamling så har du navnet på filmene i en kolonne og filmenes genre i næste kolonne osv., ligesom på https://netkoder.dk/netkoder/filmliste.php

<div> og <span> kan bruges til alt muligt generelt men i HTML5 er der kommet nye elementer som er beregnet til diverse ting man ofte finder på en hjemmeside, såsom en menu til at navigere på hjemmesiden.
https://netkoder.dk/netkoder/kode_skabe ... 5_skabelon

Kode: Vælg alt

<nav>
    <ul>
        <li><a href="">Side 1</a></li>
        <li><a href="">Side 2</a></li>
        <li><a href="">Side 3</a></li>
        <li><a href="">Side 4</a></li>
        <li><a href="">Side 5</a></li>
    </ul>
</nav>
Også kan du med fordel flytte alt din inline CSS kode ud i sin egen CSS-fil eller op i <style> også slet alle dine &nbsp; og brug CSS til at bestemme udseendet med.

abekat
Begynder
Indlæg:7
Tilmeldt:3. sep 2015, 19:20

Re: <div> og <table>

Indlæg af abekat » 16. jun 2016, 09:20

jeg syntes at <div> tags er de beste at bruge
1 det er hurtiger at indlæs
2 jeg syntes det giver flere muligheder
og så brude css at være i en file for sig selv IKKE et most men virker som om at der er tænk over tinge så
<link href="stil/til/css.css" rel="stylesheet" type="text/css">
kun min mening :D :D :D :D :D :D :D :D :D :D

Brugeravatar
scootergrisen
Moderator
Moderator
Indlæg:709
Tilmeldt:21. jun 2012, 23:40
Kontakt:

Re: <div> og <table>

Indlæg af scootergrisen » 16. jun 2016, 11:29

Du kan sagtens bruge en masse <div>'er, problemet er bare man hurtigt kan ende med at have rigtig mange af dem og have <div>'er i <div>'er i <div>'er.

Kode: Vælg alt

<div class="holder">
<div class="overskrift">
<div class="indhold">
Så er det mere overskueligt med.

Kode: Vælg alt

<nav>
<h1>
<ul>

abekat
Begynder
Indlæg:7
Tilmeldt:3. sep 2015, 19:20

Re: <div> og <table>

Indlæg af abekat » 16. jun 2016, 12:10

Jeg mener div isted for table andre HTML tags behøves ikke at blive bytte ud men <div> :)

Besvar