Basis HTML-code cheatsheet (1 / 2 stap)

Stap 1: Meest voorkomende HTML Code

Basiscodes
< html >< / html >
Hiermee maakt u een HTML-document
< hoofd >< / head >
Zet de titel en andere informatie die niet wordt weergegeven op de webpagina zelf
< lichaam >< / body >
Vertrekt van het zichtbare gedeelte van het document

Header-Tags
< titel >< / title >
Zet de naam van het document in de titelbalk

Kenmerken van het lichaam
< body bgcolor =? >
Hiermee stelt u de achtergrondkleur, met behulp van de naam of hex waarde
< platte tekst =? >
Hiermee stelt u de tekstkleur, met behulp van de naam of hex waarde
< lichaam link =? >
Hiermee stelt u de kleur van koppelingen, met behulp van de naam of hex waarde
< lichaam vlink =? >
Hiermee stelt u de kleur van gevolgde koppelingen, met behulp van de naam of hex waarde
< lichaam alink =? >
Hiermee stelt u de kleur van koppelingen bij klikken

Text-Tags
< pre >< / pre >
Hiermee maakt u opgemaakte tekst
< hl >< /hl >
Hiermee maakt u de grootste kop
< h6 >< / h6 >
Hiermee maakt u de kleinste kop
< /b >, b ><
Maakt vette tekst
< i >< /i >
Hiermee maakt u de cursieve tekst
< tt >< /tt >
Hiermee maakt u teletype, of typemachine-stijl tekst
< cite >< / noemen >
Hiermee maakt u een bronvermelding, meestal cursief
< em >< /em >
Legt de nadruk op een woord (met vet of cursief)
< sterke >< / strong >
Legt de nadruk op een woord (met vet of cursief)
< tekengrootte =? >< / lettertype >
Hiermee stelt u de grootte van lettertype, van 1 tot 7)
< tekstkleur =? >< / lettertype >
Tekstkleur, met naam of hex waarde ingesteld

Koppelingen
< een href = "URL" >< /a >
Wordt een hyperlink gemaakt
< een href = "mailto:EMAIL" >< /a >
Hiermee maakt u een mailto-koppeling
< a naam = "Naam" >< /a >
Hiermee maakt u een doellocatie binnen een document
< een href = "#NAME" >< /a >
Links naar deze doellocatie van elders in het document

Opmaak
< p >< /p >
Hiermee maakt u een nieuwe alinea
< p align =? >
Hiermee lijnt u een alinea naar links, rechts, of centrum
< br >
Hiermee voegt u een regeleinde
< blockquote >
< / blockquote >
Inspringingen tekst van beide kanten
< dl >< /dl >
Hiermee maakt u een lijst met definities
< dt >
Voorafgaat aan elke Definitieterm
< dd >
Voorafgaat aan elke definitie
< ol >< /ol >
Een genummerde lijst maken
< li >< /li >
Vóór elk item in de lijst, en een nummer toegevoegd
< ul >< /ul >
Hiermee maakt u een lijst met opsommingstekens
< div align =? >
Een algemene code die wordt gebruikt voor het opmaken van grote blokken van HTML, ook gebruikt voor stylesheets

Grafische elementen
< img src = "naam" >
Voegt een afbeelding
< img src = "naam" align =? >
Hiermee lijnt u een afbeelding: links, rechts, centreren; onder, boven, Midden
< img src = "naam" border =? >
Hiermee stelt u de grootte van de rand rond een afbeelding
< hr >
Hiermee voegt u een horizontale lijn
< hr grootte =? >
Hiermee stelt u grootte (hoogte) van de regel
< hr breedte =? >
Hiermee stelt u de breedte van de regel, in percentage of de absolute waarde
< hr noshade >
Hiermee maakt u een regel zonder een schaduw

Tabellen
< tabel >< / tabel >
Wordt een tabel gemaakt
< tr >< /tr >
Zet elke rij in een tabel
< td >< /td >
Zet elke cel in een rij
< th >< /th >
Zet de tabelkoptekst (een normale cel met vet, gecentreerde tekst)

Tabelkenmerken
< tabelrand # = >
Hiermee stelt u de breedte van de rand rond de tabelcellen
< tabel cellspacing # = >
Hiermee geeft u hoeveelheid ruimte tussen tabelcellen
< tabel-cellpadding # = >
Hiermee geeft u hoeveelheid ruimte tussen de rand van een cel en de inhoud
< tabel breedte = # of % >
Hiermee stelt u de breedte van de tabel in pixels of als percentage van de documentbreedte
< tr align =? > of < td align =? >
Hiermee stelt u de uitlijning voor de cel(len) (links, Midden of rechts)
< tr valign =? > of < td valign =? >
De verticale uitlijning van de verzamelingen van de cel(len) (boven, Midden of onder)
< td colspan = #>
Hiermee stelt u het aantal kolommen dat een cel-element moet omvatten
< td rowspan # = >
Hiermee stelt u het aantal rijen in een cel-element moet omvatten (standaard = 1)
< td nowrap >
De regels in een cel voorkomt wordt gebroken aanpassen

Frames
< frameset >< / frameset >
Vervangt de < body >-code in een frames-document; kunnen ook worden genest in andere framesets
< frameset rijen = "waarde, waarde" >
Hiermee definieert u de rijen binnen een frameset, met behulp van nummer in pixels of percentage van de w idth
< frameset cols = "waarde, waarde" >
Hiermee definieert u de kolommen binnen een frameset, met behulp van nummer in pixels of percentage van de breedte
< frame >
Hiermee definieert u een enkel frame of regio binnen een frameset
< noframes >< / noframes >
Definieert wat verschijnt op browsers die geen frames ondersteunen

Kenmerken van frames
< frame src = "URL" >
Hiermee geeft u aan welk HTML-document moet worden weergegeven
< framenaam = "naam" >
Namen van de frame of regio, zodat het kan worden gericht op de andere frames
< frame marginwidth = #>
Hiermee definieert u de linker- en rechtermarge voor het frame; moet gelijk zijn aan of groter dan 1
< frame marginheight = #>
Hiermee definieert u de boven- en ondermarges voor het frame; moet gelijk zijn aan of groter dan 1
< frame schuiven = waarde >
Stelt in of het frame een scrollbar heeft; waarde kan gelijk "ja", "Nee," of "auto." De standaardwaarde, zoals in gewone documenten, is auto.
< frame noresize >
Voorkomt dat de gebruiker het formaat van een frame wijzigen

Formulieren
Voor functionele formulieren hebt u een CGI-script uitvoeren. Alleen creëert de HTML-code het uiterlijk van een formulier.
< formulier >< / form >
Alle formulieren gemaakt
< Selecteer meerdere naam = "Naam" grootte =? >< / selecteert u >
Hiermee maakt u een schuifmenu. Grootte stelt het aantal menu-items zichtbaar voordat u wilt schuiven.
< optie >
Vertrekt elk menu-item
< naam selecteren "Naam" = >< / selecteert u >
Hiermee maakt u een pulldown menu
< optie >
Vertrekt elk menu-item
< textarea naam = "Naam" cols = 40 rijen 8 = >

Gerelateerde Artikelen

Een professionele website bouwen: deel 1

Een professionele website bouwen: deel 1

dit is onderdeel van een snelle serie van instructables die u van fundamentele codes zoals hoe maak je vette tekst tot geavanceerde CSS en dynamische code zal worden.De cheatsheet voor de code kan worden gevonden in dit instructable: elementaire HTML
Een professionele website bouwen: deel 2

Een professionele website bouwen: deel 2

dit is de tweede reeks van naar de punt lessen in webdesign. Als u nieuw bent aan webdesign of wilt recap, please review: een professionele website bouwen: deel 1HTML-code en kleurcodes zijn in dit instructable: eenvoudige HTML code cheatsheetInhouds
Een professionele website bouwen: deel 3 CSS

Een professionele website bouwen: deel 3 CSS

CSS (Cascading Style Sheets) zijn als het brood in een PB & J sandwich. Tuurlijk, tabellen zijn oke, maar de code is veel schonere en meer doelmatige met CSS.CSS is een eenvoudige methode om stijl (bijv lettertypen, kleuren, afstand) aan Web-document
HTML5 voor Beginners: een 4 stap leren snelreferentiegids

HTML5 voor Beginners: een 4 stap leren snelreferentiegids

heb je een interesse in HTML5 en CSS3 webontwikkeling? Bent u een aspirant Front-end Web Developer? Of bent u begint een nieuwe carrière in webontwikkeling? Als u antwoord op een van deze vraag is een grote 'ja!' dan wij u welkom in onze geliefde web
IoT - een Raspberry Pi Robot beheren via internet met HTML en shell scripts alleen

IoT - een Raspberry Pi Robot beheren via internet met HTML en shell scripts alleen

(Als je deze Instructables, vergeet dan niet te stemmen (boven: rechts hoek vlag). het is concurreren op INTERNET of THINGS en automatisering wedstrijden. Heel hartelijk bedankt! ;-)In dit instructable, zullen we het maken van een volledig gecontrole
Web ontwerpen Basics (HTML en CSS)

Web ontwerpen Basics (HTML en CSS)

ik ben het leren van HTML en CSS en ik snel gonna get gecertificeerd in het zo goed, en ik dacht dat het zou een goed idee om het uitdelen van een tutorial over hoe te beginnen met het ontwerpen van uw eigen website met behulp van HTML en een beetje
Hoe te verbeteren uw Instructables met behulp van HTML

Hoe te verbeteren uw Instructables met behulp van HTML

Instructables zijn een geweldige manier om je kennis delen en leren van anderen. Soms, een heleboel tekst in een Instructablecan worden intimiderend, of een Instructable ziet er gewoon niet erg interessant. Om dit oplossen, kunt u de HTML en CSS.HTML
Begin van HTML

Begin van HTML

gelieve stemming voor dit Instructable aan de leraren-wedstrijd! Dat zou awesome.HTML-code, staat als ik mij goed herinner, voor Hyper gespannen Markup Language. Corrigeer me als ik verkeerd ben. Het is een basic, eigenlijk makkelijk te leren coderin
Eenvoudige Beginner HTML-Site

Eenvoudige Beginner HTML-Site

Stap 1: Het begin Hallo, finnybrueren hier met een nieuwe tutorial over het maken van een HTML-site. Hier zijn de eenvoudige dingen die u nodig hebt: laptop/computer werkt, de toepassing Kladblok (in Linux is het Gedit), en een internet space (probee
Website (HTML en CSS)

Website (HTML en CSS)

Hallo iedereen op instructables :)Onlangs mij zijn geweest trying te halen sommige websites en gastheer hen online om gewoon zien hoe de HTML en CSS ik geleerd uitgewerkt zodat ik maken kon een volledige grootgebrachte website met en spelen in de nab
Bluetooth-communicatie tussen LCD en HTML-app

Bluetooth-communicatie tussen LCD en HTML-app

Het is al een tijdje sinds eerste tutorial over mijn eigen project - Involt. Dit kader is iets dat HTML en CSS codering met fysieke wereld verbindt met apparaten zoals Arduino. Het is vergelijkbaar met de codering met responsive design frameworks zoa
HTML en CSS voor Beginners

HTML en CSS voor Beginners

Wat is gemeenschappelijk is tussen Instructables, Google, Facebook en meest andere websites op het internet? Nou, via ze allemaal HTML en CSS definiëren hun lay-out en interface. Deze sites Javascript ook gebruiken, maar wij niet gebruikt die in dit
Loopt Accelstepper sneller - Code HodgePodging voor een snelheid sneller maximale stap

Loopt Accelstepper sneller - Code HodgePodging voor een snelheid sneller maximale stap

Welkom op mijn eenvoudige instructable! Ik hoop te vinden tijd om te bewerken dit instructable in de komende week en maken van verbeteringen. U zult ook merken dat ik probeer te gebruiken code-tags, maar helaas dat lijkt te worden beperkt tot prolede
Seriële communicatie tussen Arduino, HTML & Chrome

Seriële communicatie tussen Arduino, HTML & Chrome

Werken met Arduino is gemakkelijk, maar meer programmering vaardigheden maken project waarbij software vereist. In tegenstelling tot andere oplossingen is mijn project de manier om HTML-codes maken off line app - zonder dingen zoals Yun, Ethernet-shi