overzicht extended css

Status
Niet open voor verdere reacties.
P

psyjeroen

Gebruiker
Lid geworden
7 jun 2018
Berichten
65
Hoi iedereen,
Ik zoek een website met alle mogelijke css die ik in een html pagina kan plaatsen.

ik wil dat al mijn <h en zelfs mijn text wijzigen met Embeddedcss

wie kan mijn een goeie site aanraden,

Google laat mij complete templates downloaden maar dat wil ik niet

Graag advies

Sorry de title moet zijn EMBEDDED CSS

dit heb ik nu maar het werkt niet volledig
HTML: 
<!doctype html public "-//w3c//dtd html 3.2//en">

<html>

<head>
<style type="text/css">
p {
color: red
        font-family: georgia, serif; 
        font-size: x-small;
}
h1{ color: blue;}
h2{ color: red;}
h3{ color: pink;}
h4{ color: green;}
h5{ color: yellow;}
</style>
<title>WEB09 CSS</title>

</head>

<body>
<table> 
<td> Onthoud dat grote <b> <u> liefde </b> </u> en groot <i>succes</i>, grote risico's met zich meebrengen</td>
<td> Wanneer je verliest, verlies dan niet gelijk de <b><u> tegelijkertijd</b></u> de <i> les </i> die je ervan geleerd hebt</td>
<td> Heb <b><u>respect</b></u> voor <h1>jezelf</h1>, Respect voor <h2>anderen</h2> en neem verantwoordelijkheid voor je <h3>daden.</h3></td>
<td>Onthoud dat <h4>niet krijgen wat je wilt</h4> soms het <h5>beste</h5> is wat je kan overkomen</td>
<h6> Ken de regels tot in extenso,</h6> Zodat je weet hoe je ze kan <div> overtreden</div>
<p>Laat een kleine <b> onenigheid</b> een <u>mooie</u> <i> vriendschap</i> verpesten</p>
Wanneer je beseft dat je een fout hebt gemaakt , neem dan onmiddelijk actie om die te herstellen.
Neem elke dag tijd voor jezelf.</li><br>
Sta open voor veranderingen, maar raak je normen en waarden niet kwijt.
onthoud dat zwijgen soms het beste antwoord is.
<p> Leid een zodanig waardig leven dat wanner je oud bent en terug kijkt er opnieuw van kunt genieten.</p>
Een liefdesvolle sfeer in je huis legt de basis voor je leven.
Beperk je in meningsverschillen met geliefden tot het heden: rakel het verleden nimmer op
Laat mensen delen in je wijsheid. Het is de manier om onsterfelijk te worden.
Behandel de aarde goed</li><br>
Ga één keer per jaar ergens heen waar je nog nooit geweest bent.
onthoud dat in de beste relatie je meer van elkaar houdt dan dat je elkaar nodig hebt

</body>

</html>
 
Laatst bewerkt:
Bedoel je dat je een website zoekt met een overzicht van HTML en CSS codes? Dan is w3schools.com een prachtig overzicht.

Overigens zijn tabellen in websites alleen bedoeld voor tabulaire doeleinden, zoals prijsoverzichten, en niet om de layout van de site te bepalen.
 
w3.org is interessant als je meer over het css data model wilt weten.
w3schools is praktisch en handig voor de beginner en ook als naslagwerk met voorbeelden.
Het is slim om bij gebruik van css3 ook html5 te gebruiken. Template:
Code: 
<!DOCTYPE html>
<html lang="nl">
<head>
<meta charset="utf-8">
<title>Mijn website</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
  ...
</body>
</html>

De css zet je in bestand "style.css"
Code: 
p {
  color: red;
  font-family: Georgia, Times, 'Times New Roman', serif;
  font-size: 13px;
}
h1{ color: blue;}
h2{ color: red;}
h3{ color: pink;}
h4{ color: green;}
h5{ color: yellow;}
 
Laatst bewerkt:
iedereen hartelijk dank

Voor de hulp
Bij mij werkte de embedded css niet,
zal wel een punt vergeten zijn,
het liefst zou ik elk woord veranderen maar dat is niet mogelijk...
 
Laten we jouw voorbeeld nemen.

html
Inhoud (tekst, foto's, enz.) staat altijd tussen een begintag <...> en een eindtag </...> behalve als er geen inhoud is (zoals <br>) dan is er geen eind tag. Een lijst met 'void' tags die geen eindtag hebben vind je hier.

Er zijn regels over welk element in welk element mag staan.
<table><tr><td>.....</td></tr></table> mag wel.
<table><li>.....</li></table> mag niet omdat li geen onderdeel van een table is.

css
Bij een typfout werkt het betreffende stukje in de css meestal niet. Je bent bijvoorbeeld de ; (puntkomma) vergeten achter color: red

tutorials
html www.w3schools.com/html/
css www.w3schools.com/css/

Hieronder jouw code waarin (overdreven) wordt getoond hoe de begin- en eindtags bij elkaar horen. Je ziet dat <meta> en <br> geen eindtag hebben.
Code: 
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>
            WEB09 CSS
        </title>
        <style>
            p {
                color: red;
                font-family: Georgia, serif;
                font-size: x-small;
            }
            h1 {
                color: blue;
            }
            h2 {
                color: red;
            }
        </style>
    </head>
    <body>
        <table>
            <tr>
                <td>
                    Onthoud dat grote <b><u>liefde</u></b> en ...
                </td>
                <td>
                    Wanneer je verliest, verlies dan niet ...
                </td>
            </tr>
        </table>
        <h6>
            Ken de regels tot in extenso,
        </h6>
        Zodat je weet hoe je ze kan
        <div>
            overtreden
        </div>
        <p>
            Laat een kleine <b>onenigheid</b> een <u>mooie</u> ...
        </p>
        Wanneer je beseft dat je een ... beste antwoord is.
        <p>
            Leid een zodanig waardig leven dat wanner je oud ...
        </p>
        Een liefdesvolle sfeer in je huis legt ... nodig hebt
    </body>
</html>
 
Status
Niet open voor verdere reacties.
Steun Ons

Nieuwste berichten

Terug
Bovenaan Onderaan