HTML is misschien een heel eenvoudige webtaal, maar datbetekent niet dat het niet nuttig is. Eenvoudige HTML is zeer eenvoudig te leren en je kunt jezelf letterlijk leren hoe je een eenvoudige vorm per dag kunt maken. Als je eenmaal bent begonnen, zul je twee dingen beseffen; één, dat het echt gemakkelijk is om te leren en twee, dat je je HTML-pagina moet vernieuwen elke keer dat je de minste wijziging aanbrengt in het bronbestand. Niet alleen dat, veel van de beste websites voor het leren van HTML geven u geen voorbeeld van wat een bepaalde tag doet en als u alleen wilt zien hoe een bepaald stukje code wordt weergegeven als een webpagina, moet u een HTML maken bestand ervoor. Het is op zijn zachtst gezegd tijdrovend. Een Google Chrome-extensie, Voer geselecteerde HTML uit, kan in zo'n geval van grote hulp zijn. Met deze extensie kunt u direct een demo van elke geselecteerde HTML-code uitvoeren. Gebruik is net zo eenvoudig als het markeren van de code, het klikken op de optie Geselecteerde code uitvoeren in het contextmenu en de code bekijken als een webpagina.
De extensie voegt een optie Geselecteerde code uitvoeren toetoegevoegd aan het contextmenu met de rechtermuisknop en werkt op zowel HTML- als HTML5-codefragmenten. Wat de extensie echt nuttig maakt, is dat zelfs als de tags <html> en </html> niet aanwezig zijn aan het begin en einde van een codereeks, de extensie de code toch weergeeft. Neem bijvoorbeeld de volgende code (met dank aan W3Schools);
<video width="320" height="240" controls="controls"> <source src="movie.mp4" type="video/mp4" /> <source src="movie.ogg" type="video/ogg" /> Your browser does not support the video tag. </video>
Hoewel de eenvoudige HTML-tags er niet zijn, deextensie geeft deze code perfect weer. Het nut van Run Selected HTML ligt niet alleen in de mogelijkheid om u snel een voorbeeld van code te laten zien, maar ook in het feit dat het een geweldige manier is om in een zo kort mogelijke tijd code te demonstreren voor een grote groep mensen.
Wanneer u dus een HTML-code tegenkomt, klikt u gewoon op deze optie en bekijkt u de code in de browser. Het resultaat van uw geselecteerde code wordt geopend op een nieuw tabblad.
De extensie kan erg handig zijngecompliceerde ontwikkelingssessies, omdat u de code niet langer hoeft te kopiëren of te plakken of uw HTML-codes steeds opnieuw moet opslaan om een voorbeeld te bekijken. Bezoek de onderstaande link, bekijk het en laat ons weten wat u ervan vindt.
Start Geselecteerde HTML-extensie voor Google Chrome
Comments