Alexis Diel alexisdiel

HTML5 Basics

This tutorial will introduce you to the basics of the HTML5 markup language, which can be used to create the content portion of your web site. We will be using HTML5 to build a basic blog.

To get started with this tutorial, all you need is a text editor and a web browser. Just about any text editor will do, as long as it can save files as plain text. On Windows, Notepad will work fine, though there are a number of free text editors that might provide a better experience. Notepad++, available online at http://notepad-plus-plus.org/ is one such editor. On the Mac, I recommend downloading a copy of TextWrangler from http://www.barebones.com/products/textwrangler.

Since we're working with HTML5 and it's a relatively new language, you will want to make sure you have a browser that supports the new features. I recommend the latest version of Chrome, Safari, or Firefox. Internet Explorer 9 should also work just fine.

Getting started

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta charset='UTF-8'>
<meta name='keywords' content='your, tags'>
<meta name='description' content='150 words'>
<meta name='subject' content='your website's subject'>
<meta name='copyright' content='company name'>

Copied from http://code.lancepollard.com/complete-list-of-html-meta-tags/

Basic HTML Meta Tags

<meta name="keywords" content="your, tags"/>
<meta name="description" content="150 words"/>
<meta name="subject" content="your website's subject">
<meta name="copyright"content="company name">
<meta name="language" content="ES">

	// /**
	// * AZURE TASKS
	// * Usage? gulp azure --storageKey XXXXXXXXXX --secret XXXXXXXXX
	// */
	const gulp = require("gulp");
	const msRestAzure = require("ms-rest-azure");
	const azureCDN = require("azure-arm-cdn");
	const azureStorage = require("gulp-azure-storage");

	let purgeContent = (done) => {

	$.fn.dataTableExt.oApi.fnHideEmptyColumns = function ( oSettings, tableObject )
	{
	/**
	* This plugin hides the columns that are empty.
	* If you are using datatable inside jquery tabs
	* you have to add manually this piece of code
	* in the tabs initialization
	* $("#mytable").datatables().fnAdjustColumnSizing();
	* where #mytable is the selector of table
	* object pointing to this plugin.

	function getScript(source, callback) {
	if (Array.isArray(source))
	getScript(source[0], (source.length > 1) ? () => getScript(source.slice(1), callback) : callback);
	else if (!document.querySelector(`script[src="${source}"]`)) {
	var el = document.createElement('script');
	el.onload = callback;
	el.src = source;
	document.head.appendChild(el);
	} else {
	callback();