HTML Markup Language
Hypertext Markup Language is the standard markup language for documents designed to be displayed in a web browser.
It can be assisted by technologies such as Cascading Style Sheets (CSS) and scripting languages such as JavaScript (Js).
Developed By: Web Hypertext Application Technology Working Group
License (various): Mozilla for instance uses MIT
Documentation: developer.mozilla.org
Standards and Specifications: spec.whatwg.org
Current (stable) version: HTML5
HTML (HyperText Markup Language) is the most basic building block of the Web. It defines the meaning and structure of web content.
Other technologies besides HTML are generally used to describe a web page's appearance/presentation (CSS) or functionality/behavior (JavaScript).
"Hypertext" refers to links that connect web pages to one another, either within a single website or between websites. Links are a fundamental aspect of the Web. By uploading content to the Internet and linking it to pages created by other people, you become an active participant in the World Wide Web.
HTML uses "markup" to annotate text, images, and other content for display in a Web browser. HTML markup includes special "elements" such as: <head>, <title>, <body>, <header>, <footer>, <article>, <section>, <p>, <div>, <span>, <img>, <aside>, <audio>, <canvas>, <datalist>, <details>, <embed>, <nav>, <output>, <progress>, <video>, <ul>, <ol>, <li> and many others (tags).
An HTML element is set off from other text in a document by "tags", which consist of the element name surrounded by "<" and ">". The name of an element inside a tag is case insensitive. That is, it can be written in uppercase, lowercase, or a mixture. For example, the <title> tag can be written as <Title>, <TITLE>, or in any other way.
Sample Code (HTML Syntax, with CSS and Javascript)
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>A sample HTML Page</title>
<link rel="stylesheet" type="text/css" href="css/styles.css" media="all">
<style>
div.article-body {
font-size: 1.125rem;
line-height: 1.25;
font-weight: bold;
color: #333333;
}
</style>
</head>
<body>
<article>
<h1 class="article-title">This is a sample HTML Page</h1>
<div class="article-body">Lorem Ipsum ...</div>
<button class="article-read-mode" id="article-1"></button>
</article>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('#article-1').click(function(){
alert('You have clicked on Article #1');
});
});
</script>
</body>
</html>
