De essentiële HTML-veelgestelde vragen die u moet Bookmarken

De essentiële HTML-veelgestelde vragen die u moet Bookmarken / Programming

HTML bestaat al heel lang, dus het wordt tijd dat je de basis leert. Wat is het, hoe het werkt en hoe enkele gemeenschappelijke elementen in HTML te schrijven.

Voordat je begint, lees je onze gids voor gratis online HTML-editors 5 Beste gratis online HTML-editors om je code te testen 5 Beste gratis online HTML-editors om je code te testen Voor tijden dat je alleen maar wilt rondslummelen met een klein stukje HTML, zodat je kunt het naar wens aanpassen, een online HTML-editor zal je beter van pas komen. Meer informatie en de beste websites voor kwaliteits-HTML-voorbeelden 8 Beste websites voor kwaliteits-HTML-coderingsvoorbeelden 8 Beste websites voor kwaliteit HTML-coderingsvoorbeelden Er zijn enkele geweldige websites die goed ontworpen en nuttige HTML-codeervoorbeelden en zelfstudies bieden. Hier zijn acht van onze favorieten. Lees verder .

Wat is HTML?

HTML is de taal die wordt gebruikt om webpagina's te bouwen. HTML staat voor Hypertext Markup Language en is eenvoudig een set instructies voor uw webbrowser. Aan de hand van deze instructies geeft uw browser weer hoe een webpagina eruit moet zien.

Het is belangrijk om te begrijpen dat het een is markup taal, niet een programmering taal. Met programmeertalen kunt u problemen oplossen, zoals wiskundige vergelijkingen, gegevens manipuleren of een personage van een videogame verplaatsen.

U kunt geen logica in HTML schrijven. Het gaat alleen om lay-out.

Hoe ziet HTML eruit??

HTML bestaat uit verschillende elementen die bekend staan ​​als “labels”. Tags zijn instructies voor het stylen van een specifiek deel van uw webpagina. Terug naar de bouw, HTML is de planning en tags zijn specifieke functies zoals vensters of deuren.

Dit is hoe een heel eenvoudige webpagina eruit ziet als HTML:

  MUO Website    

Tags in HTML zijn vooraf gedefinieerd en geven algemene functies op zoals afbeeldingen, koppelingen naar andere webpagina's, knoppen en meer.

De overgrote meerderheid van de tags moet zijn Open en Gesloten. Dit definieert eenvoudig een functie, met tekst, afbeeldingen of andere tags erin en eindigt dan de definitie. Als je terugdenkt aan huizen, is het openen van de tag hetzelfde als zeggen “start hier het venster”, en het sluiten van het label is hetzelfde als zeggen “hier eindigt het venster”.

HTML-tags worden niet daadwerkelijk op uw website weergegeven. Uw browser volgt de instructie, maar laat deze nooit aan bezoekers zien. Het is echter niet geheim. Iedereen kan naar uw HTML kijken zodra u uw webpagina's publiceert.

Hoewel er een groot aantal verschillende HTML-tags is, hoeft u ze niet allemaal te leren voordat u een website kunt coderen. Vandaag leer je hoe je enkele algemene tags schrijft en waar ze voor kunnen worden gebruikt.

Wat zijn HTML-tagattributen?

Een laatste ding om te weten over tags is attributen. Attributen definiëren speciale kenmerken van tags. Als tags vensters en deuren zijn, specificeren kenmerken specifieke gebouwdetails. Dit kan de breedte en hoogte van het frame zijn, of het venster wordt geopend of of de deur een slot heeft.

Attributen zijn als volgt in de openingstag opgenomen:

U kunt niet alleen uw eigen tags of attributen verzinnen. Attributen en tags zijn vooraf gedefinieerd door het World Wide Web Consortium (W3C).

Wat is HTML5?

HTML5 is de nieuwste versie van HTML. Het bevat verschillende nieuwe tags, attributen en functies.

Omdat HTML een verzameling instructies is, interpreteren verschillende webbrowsers het soms anders. Eén browser kan besluiten dat ramen en deuren zwart moeten worden geverfd, tenzij je iets anders zegt.

Hoewel browsers eindelijk behoorlijk consistent zijn geworden met elkaar, kun je soms nog wel eens verrast raken door heel nieuwe functies. Misschien heeft Google Chrome een nieuwe tag geïmplementeerd, maar Microsoft's Internet Explorer is dat nog niet.

Voor het grootste deel zullen uw webpagina's er hetzelfde uitzien in alle belangrijke browsers, maar het is nog steeds de moeite waard om een ​​snelle test uit te voeren voordat u iets publiceert, vooral als u nieuwere tags gebruikt, die mogelijk nog niet door alle browsers worden ondersteund.

Als u meer wilt weten over HTML5, ga dan naar onze HTML5-handleiding Aan de slag Aan de slag met HTML5 Aan de slag met HTML5 U hebt gehoord van HTML5. Iedereen gebruikt het. Het wordt aangekondigd als de redder van internet, waardoor mensen rijke, boeiende webpagina's kunnen maken zonder gebruik te maken van Flash en Shockwave. Lees verder .

Hoe u kunt reageren op Out HTML

Net als veel andere talen, opmaak of programmeren, heeft HTML de mogelijkheid om “commentaar uit” blokken met markeringen. Een opmerking is iets dat door de browser wordt genegeerd. Dit kan een notitie zijn om u eraan te herinneren wat dit specifieke onderdeel van uw website doet.

Door commentaar op te maken, geef je de browser de opdracht om een ​​of meer tags te negeren. Dit kan handig zijn om functionaliteit te verwijderen of om een ​​deel van uw website te verbergen zonder de code te verwijderen.

Wanneer een webbrowser een opmerking ziet, begrijpt het dit als “gebruik deze instructies niet totdat ik iets anders zeg”. Opmerkingen bestaan ​​uit een “opening” opmerking en a “sluitend” opmerking, net als tags.

Hier is een voorbeeld:

 

Het uitschrijven van de code gebeurt op precies dezelfde manier:

In plaats van een bericht plaatst u uw markup tussen de commentaartags.

Afbeeldingen invoegen in HTML

Afbeeldingen invoegen in uw HTML wordt gedaan met de afbeeldingstag:

MakeUseOf-logo

Let op hoe de tagnaam wordt aangeroepen img, en er zijn twee attributen. De src attribuut geeft aan waar de afbeelding te vinden is en de alt tag is een alternatieve tekstbeschrijving, voor het geval de afbeelding om welke reden dan ook niet kan worden geladen.

De afbeeldingstag hoeft niet te worden gesloten, in tegenstelling tot de meeste andere tags.

Hoe lettertype in HTML te veranderen

Lettertypen kunnen worden gewijzigd met behulp van de doopvont tag en de gezicht attribuut:

MUO Arial-tekst

Lettergrootte kan eenvoudig worden gewijzigd met behulp van de grootte attribuut:

MUO Big Text

Als u de lettertypekleur wilt wijzigen, kunt u dit eenvoudig doen met de kleur attribuut:

MUO rode tekst

Deze kenmerken zijn uniek voor de doopvont label. Als u een andere tag wilt gebruiken, kunt u dit doen nest tags, door de ene in de andere te plaatsen:

MUO rode tekst

Hoe een link in HTML toe te voegen

Links kunnen worden toegevoegd met behulp van de een label:

MakeUseOf.com

De href attribuut is de bestemming van uw link.

Hoe een tabel in HTML te maken

HTML-tabellen omvatten het nesten van verschillende tags. Je moet beginnen met een tafel label:

Voeg nu enkele rijen toe met behulp van de tr label:

Gebruik tenslotte de td tag om uw tabelcellen te maken, die ook de kolommen zullen maken:

Het is mogelijk om overboord te gaan en behoorlijk wild te gaan met je tafelindeling, maar het is meestal het beste om dingen zo eenvoudig mogelijk te houden. In het verleden werden tabellen gebruikt om een ​​webpagina te structureren, maar deze praktijk is verouderd en ziet er vreselijk uit. Houd tabellen eenvoudig voor het doorgeven van gegevens aan de lezer.

CSS gebruiken met HTML

Deze voorbeelden hebben de basisbeginselen behandeld, maar als je echt creatief wilt worden, moet je CSS gebruiken. Met Cascading Style Sheets krijgt u veel meer controle over uw websiteontwerp en kunt u vrij veel code hergebruiken tussen verschillende delen van uw website.

Hoewel we zelfstudies hebben over het leren van CSS 5 Babystappen naar CSS leren en een kick-ass worden CSS Tovenaar 5 Baby Stappen om CSS te leren en een kick-ass te worden CSS Sorcerer CSS is de belangrijkste verandering die webpagina's in het afgelopen decennium hebben ondergaan, en het maakte de weg vrij voor de scheiding van stijl en inhoud. Op de moderne manier definieert XHTML de semantische structuur ... Lees Meer en snelle CSS-voorbeelden 10 Simpele CSS-codevoorbeelden U kunt leren in 10 minuten 10 Simpele CSS-codevoorbeelden U kunt in 10 minuten leren We zullen bespreken hoe u een inline-stylesheet kunt maken zodat je je CSS-vaardigheden kunt oefenen. Daarna gaan we verder met 10 eenvoudige CSS-voorbeelden. Van daaruit is je verbeelding de limiet! Meer lezen, er is nog steeds een aantal instellingen die u in HTML kunt doen.

Als u CSS naast uw HTML wilt schrijven, kunt u de stijl attribuut. Met dit kenmerk wordt de CSS eenvoudigweg toegepast op de tag waarop deze is gebruikt:

Hoewel deze manier goed werkt, zult u merken dat het hard werken is om te onderhouden als u veel mark-up hebt die een vergelijkbare stijl vereist.

De betere manier is om de stijl tag, geplaatst in de hoofd label. Hier kunt u CSS definiëren voor uw hele pagina:

    

De stijltag heeft een attribuut van text / css. Dit is vereist om uw browser te laten weten wat de exacte stijl is die in de tag mag worden verwacht.

De derde en laatste manier om CSS te gebruiken is via een extern bestand, met behulp van de link label. Dit koppelt uw HTML aan CSS opgeslagen in zijn eigen bestand, wat geweldig is als u er een groot deel van heeft:

Er zijn verschillende attributen die hier worden gebruikt. De rel attribuut verklaart uw link als een stylesheet. Het soort “text / css” is opnieuw gedefinieerd in de type attribuut en de href attribuut is waar het externe bestand te vinden is.

Hoe maak je een website met HTML?

Zoals je hebt gezien, is HTML echt niet zo erg, toch? Met behulp van een paar eenvoudige tags en attributen, kunt u snel een webpagina samenstellen, zelfs als u nog nooit eerder HTML hebt geschreven!

Als u op zoek bent naar een complete website, kijk dan eens naar onze beginnershandleiding voor het maken van een website. Hoe maak ik een website: voor beginners Hoe maak ik een website: voor beginners Vandaag begeleid ik u door het proces om een ​​complete website helemaal opnieuw te maken. Maak je geen zorgen als dit moeilijk klinkt. Ik zal je er bij elke stap doorheen leiden. Lees verder .

Ontdek meer over: CSS, FAQ, HTML, Web Development.