HTML

From NoskeWiki
Revision as of 18:01, 9 February 2019 by NoskeWiki (talk | contribs)
Jump to navigation Jump to search

About

HTML is the standard markup language used to create web pages and something every good software engineer should know! It is, however, easy to forget things. Here I've provided a nice little HTML hello world template, and links to some related pages.


As of Dec 2015, the fifth revision HTML5 is the recommendation of the World Wide Web Consortium, and includes new elements like <video>, <audio> and <canvas>, plus tags like <section>, <article>, <header> and <nav>


Child Pages

Related/Child Pages:

  • Google Sites - HTML Tag Cleaner - nice demo of CSS, JavaScript and HTML. Uses JavaScript string replace/regex to remove messy HTML tags inserted by Google Sites.
  • HTML - Table - some pretty table formatting.
  • Kelsicons - emojis you can add to your HTML and doc title.


HTML Templates

HTML5 Bare Bones Template (Hello World)

<!doctype html>

<html lang="en">
<head>
  <title>Hello World</title>
</head>

<body>
  Hello world!
</body>
</html>


HTML5 Expanded Template (with meta, JavaScript and CSS includes)

This version includes a JavaScript script file (.js) and CSS style sheet file (.css). It also includes some meta tags up top for author name and description of the page.

<!doctype html>

<html lang="en">
<head>
  <meta charset="utf-8">

  <title>Hello World</title>
  <meta name="description" content="Description of your site to help crawlers a little">
  <meta name="author" content="Andrew Noske">

  <link rel="stylesheet" href="css/styles.css?v=1.0">

  <!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
  <![endif]-->
</head>

<body>
  <script src="js/scripts.js"></script>
</body>
</html>


HTML4 Template (not recommended)

HTML4 is not recommended anymore, but I put here to notice the differences. HTML5 uses "<!doctype html>" .... whereas HTML4 uses:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
  <title>Conforming HTML 4.01 Strict Template</title>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
</head>

<body>
  Please avoid HTML4.
</body>
</html>


Related Pages


Links