Centraal : HTML topic

martijn1 · Juni 14, 2009

Centraal : HTML topic

In dit topic mag U het volgende:

-Uw creaties laten zien.

-Uw problemen met HTML codes

________________________________________________________________________________________

Ik ga in de startpost laten zien:

-De basis van HTML.

-En al wat moeilijkere tags.

________________________________________________________________________________________

Ten eerste moet je "notepad" of "kladblok" hebben(hetzelfde)

U kunt ook het programma "Dreamweaver" gebruiken.

Dit programma maakt het makkelijker om een site te maken.

Ik laat ten eerste de basisdelen zien, die U sowieso nodig heeft als u begint met HTML.

HTML betekent:

HyperTextMarkupLanguage

U moet HTML niet verwisselen met deze codes:



[ url=]site]klik[/url]

Deze codes heten ook wel bbcodes.

Nu volgen de basis codes van HTML:

De basiscode de "HTML"tag



<html>

De rest van de site

</html>

Zoals u ziet bevat de "containertag" 2 soorten codes

ten eerste de <....>
ten tweede de </...>

Daarna krijgen we de tag "body"

Tussen deze tekst komt de gehele inhoud van de site.



<html>

<body>


De rest van de site


</body>

</html>

Dan hebben we ook nog 2 tags die samen komen.

Dat zijn de "head" tag en de "title" tag



<html>

<head>

       <title>Dit is de titel</title>

</head>

<body>


De rest van de tekst

</body>

<html>

Ik zal een aantal creaties van mij laten zien, gemaakt doormiddel van het boek "Basiscursus HTML 4.01"

ten eerste laat ik de verschillen die U kunt maken in kopteksten, h1 is de grootste, en h6 is de kleinste.



<html>

<head>

<title>Een standaard webpagina.</title>

</head>

<body>

<h1>koptekst 1</h1>

<h2>Koptekst 2</h2>

<h3>Koptekst 3</h3>

<h4>Koptekst 4</h4>

<h5>Koptekst 5</h5>

<h6>Koptekst 6</h6>

</body>

</html>

En dan volgt nu het uitlijnen naar de "linkermarge" en in het "center" en in de "rechtermarge"

We voegen nu achter de code "h1" en "h2" en "h3" en "h4" enz.. we voeren eerst dit in < h1 >(zonder spaties) dan klik je nadat je <h1 (1spatie)align> en nu komt er ook het = teken bij dus dan krijg je:



<h1 align=>

Nu kunnen we 3 optie's invoegen, "left" voor alle tekst rechts ui te lijnen en "center" alle tekst staat in het midden, en "right" alle tekst komt in de rechtermarge:



<html>

<head>

<title>Een standaadr webpagina.</title>

</head>

<body>

<h1 align="center">koptekst 1</h1>

<h2 align="left">Koptekst 2</h2>

<h3 align="right">Koptekst 3</h3>

<h4 align="center">Koptekst 4</h4>

<h5 align="left">Koptekst 5</h5>

<h6 align="right">Koptekst 6</h6>

</body>

</html>

Nu gaan we koppelingen leggen in de website zelf, naar andere website's of naar een bestand op dezelfde pagina.

hier gebruiken we de tag "a" voor.



<a>

</a>

Nu voegen we aan de code "href" toe



<a href="site">Deze tekst word schuigedrukt wanneer u hier de muis op houd</a>

Nu ga ik wat vertellen over "hoe een kleur te geven aan uw site"

We gaan dat bijd de tag "body" veranderen.

We kunnen de tekst veranderen door



<body color="#willekeuirge kleur">

Nu gaan we de achtergrond veranderen door de "bgcolor tag"

Bgcolor staat voor "background color"



<body color="#000000"bgcolor="#0000ff">

Ik laat nu een stukje site zien



<html>

<head>

     <title>Kleuren</title>

</head>

<body text="#ffffff"bgcolor="#ffff00">

<h1 align="center">

Dit is een zeer over heersende kleuren.

Vooral de gele achtergrond kleur.<br>


Omdat deze zo overheerst zullen niet veel mensen de tekst gaan lezen.


</body>

</html>

Hier een paar kleuren opgesomd:



white # FF FF FF 

linen # FA F0 E6 

floralwhite # FF FA F0 

lightgoldenrodyellow # FA FA D2 

ghostwhite # F8 F8 FF 

mintcream # F5 FF FA 

beige # F5 F5 DC 

blanchedalmond # FF EB CD 

ivory # FF FF F0

Ik ga ze niet hier allemaal zetten, als je er meer wilt weten verwijs ik je naar deze site

Kleurcode's

Idee van impy

Nu volgt er al een wat geavanceerdere code's maar nog niet te.



<html>

<head>

          <title>Verschillende mogelijkheden met tags.</title>

</head>


<body>

<h1 align="center">Homepage</h1>

<h2 align="center">Een onderkop van niveau 2</h2>


<a href="#alinea2">spring naar alinea 2</a><br>

<a href="#recept">Spring naar het recept</a><br>

<a href="oef0303.htm">Spring naar oefening 3.3</a><br>

<a href="oef0304.htm">Spring naar oefening 3.4</a><br>

Lees voor het laatste nieuws <a href="http://www.volkskrant.nl/">De Volkskrant</a>online.<br>

Meer boeken vindt u bij <a href="http://www.academicservice.nl/">Academic service</a>.<p>


<a name="alinea2">Deze</a> alinea heeft geen extra tags.De tekst wordt daardoor standaard tegen

de linkermarge geplaats.Als de afmeting van het venster van de browser gewijzigd wordt,

past de tekst zich vanzelf aan.

<p align="right">

Deze tekst wordt uitgelijnd tegen de rechtermarge.Het leest wat onprettiger, een reden

waarom dit type uitlijning niet zo vaak gebruikt wordt.

<p>

<a name="recept"><h3>Een eenvoudig recept</h3></a>

Neem een ei.<br>

Breek het ei boven een glas.<br> 

Splits voorzichtig het eiwit en de dooier.<br>

Klop het eiwit met de mixer stijf.<br>

De dooier bewaren we voor later<br>

</body>

</html>

De rest zal later volgen

movado · Juni 16, 2009

Heel mooi...

Nu wil ik voor mijn website (inmiddels verouderd) de mogelijkheid om eigen filmpjes erop te kunnen zetten, als ik bijvoorbeeld in het buitenland ben. Is dit mogelijk en zo ja, hoe?

Als het niet mogelijk is, hoe doe ik dat dan (welke code heb ik nodig) om dit vanaf thuis te doen?

Alvast bedankt, ik hoop dat je dit weet...

Erwin. · Juni 16, 2009

Je kan natuurlijk de filmpjes vie je ftp uploaden naar je site en een linkje van maken.

Als je toch een professionele oplossing wil hebben is CMS een mooie opossing.

Martijn · Juni 16, 2009

Beter gewoon uploaden naar youtube en dan embedden in je website. Maak het jezelf niet te moeilijk

hier staat hoe het moet

martijn1 · Juni 16, 2009

Wat is een "must" voor dit topic, in de startpost?

Erwin. · Juni 16, 2009

Nou er zijn nog veel meer HTML codes.

Laat eens wat meer codes zien je die echt nodig heb om een website op te bouwen.

Hoe geef je een kleur aan de tekst? Dat heb je er ook nog niet instaan denk ik.

martijn1 · Juni 16, 2009

Toegevoegd

ik heb maar niet alle kleurcodes toegoevoegd, vond ik te overdreven

stefjuh · Juni 21, 2009

kan dit niet inclusief php worden? Dat vind ik wel handig ik ben nu een site aan het bouwen!

gr stefjuh

Tim. · Juni 21, 2009

ik heb nog een tip dit gebruik ik om ruimte op site te besparen

als je achtergrond wil die van kleur to een andere kleur gaat over de hele site voorbeeld : www.basb2.tk (zie zijkant en in het midden)

dan moet je met fotoshop achtergrond netzoalang maken als je site dan 1 pixel widt selecteren en ... heigt (hoelang je site is) of ...pixels widt en 1 pixel height (dat is over de breedte dat is op de voorbeeld site)

dit opslaan

dan bij dreamweaver plaatje bij background properties bij (html) openen en dan repeat x (of repeat y als je het over de breedte wil) en dan is je hele achtergrond de kleur met maar 1 plaatje dus word de achtergrond als het ware van bv. 500kb naar 2kb

Als je het niet snapt dan moet je het effe zeggen maak ik wel video:P

Tim.

martijn1 · Juni 21, 2009

Ja het zou handig zijn een filmpje, als je wilt O0

Maar ik kan nooit een goede download van dreamweaver vinden, weet iemand er een? :s

stefjuh · Juni 21, 2009

Bij de meeste mensen werkt deze: http://thepiratebay.org/torrent/4678653/Adobe_Dreamweaver_CS4___Keygen__amp__Activation_Patch alleen je moet heel goed de instructies volgen.

gr stefjuh

martijn1 · Juni 21, 2009

Danke ;D

Heb je er gewoon een readme .file bij zitten? met de instructies?

Juli 15, 2009

ey is het goed als ik dit topic verder uitbreid met mijn eigen kennis over html?

martijn1 · Juli 15, 2009

Ja, is goed, ik vertrouw er wel op dat je een mooi en uitgebreid topic zal maken.

Als je hem hebt gepost gooi ik hier een slotje op.

Juli 15, 2009

als ik hem heb gepost kan ik hem dan wel nog aanpassen?

martijn1 · Juli 15, 2009

Ja zeker, rechts boven je post staat "verander".

Klik hier op en het tekstbericht word geopend, en kan verandert worden, en daarna op "opslaan" klikken

Juli 15, 2009

Vanaf morgen zal hier een zeer uitgebreide beginnercursus html zijn waarmee iedereen het begin kan leren.

Welterusten ik ben te moe en kan me nouwelijks concentreren

P.S. Hier kan een slotje op

martijn1 · Juli 15, 2009

OK.

Ik vertrouw je

Vergeten jullie alsjeblieft de VPN verbinding niet? Je internet provider zoals Ziggo of KPN kan door gebruik van de VPN niet zien wat er gebeurd op je internet verbinding en ben je volledig anoniem voor iedereen. Een vereiste tegenwoordig.... We een uitgebreide handleiding geschreven met informatie. :goed:

Deze vindt je hier: https://www.duken.nl/forums/handleidingen/downloaden/vpn-verbinding-en-anoniem-downloaden-r35/

Aanmelden

Centraal : HTML topic

Aanbevolen reactie

Link naar opmerking

Deel via andere websites

Top Posters In Dit Topic

Populaire dagen

Top Posters In Dit Topic

Populaire dagen

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Gast skinny242

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Gast skinny242

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Gast skinny242

Link naar opmerking

Deel via andere websites

Link naar opmerking

Deel via andere websites

Wie zijn er online? 17 leden zijn actief

Mededelingen

Aanbevolen nieuws

Recent nieuwsbericht

Willekeurig topic

Nu op het forum

Recente prestatie

Recente actieve topics

Populaire bijdragers

Willekeurige films

Willekeurige link