zzandy

HTML/CSS

Tell what each of these tags do, if there are alternatives, which are preferable, why?

<em>
<b>
<abbr>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title></title>
	<style type="text/css">
	*
	{
	background-color: #131510;
	color: #aaa6a0;
	font: 10pt/14pt monospace;

	from random import randrange
	from math import sqrt, ceil

	# expencations
	# ex[world] = [screen]
	ex12 = [[(1,2), (1,4), (1,6)], [(0,3),(0,5),(0,7)], [(0,4),(0,6),(0,8)], [(-1,5),(-1,7),(-1,9)]]
	ex13 = [[(1,3), (1,5), (1,7), (1,9)], [(1,4),(1,6),(1,8),(1,10)], [(0,5),(0,7),(0,9), (0,11)], [(0, 6),(0,8),(0,10), (0,12)]]

	ex33 = [[(3,3),(3,4),(2,5),(2,6)],
	[(2,3),(2,4),(1,5),(1,6)],

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml" >
	<head>
	<title>Fraktur</title>
	<style type="text/css">
	#fraktur{display:none; font-weight:bold}
	</style>
	</head>
	<body>
	<textarea id="input" rows="3" cols="20"></textarea>

	<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
	<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<title>craft</title>
	<style type="text/css">
	html
	{
	font-family: Monaco, Consolas, Lucida Console, Monospace;
	background-color: #1a1917;
	color: #bbb;

	<?xml version="1.0" encoding="utf-8"?>
	<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"
	xmlns:msxsl="urn:schemas-microsoft-com:xslt" exclude-result-prefixes="msxsl"
	>
	<xsl:output method="html" indent="yes"/>
	<xsl:template match="/">
	<html>
	<body>
	<nav>
	<ul>

	<html><head><title>globules</title><style type="text/css">

	table{border-collapse:collapse}
	td{width:3px;height:3px;margin:0;padding:0;font-size:0.01pt}


	</style></head><body><div id="target"></div><script type="text/javascript">

	var t = document.getElementById('target');

	html { background-color: #f9f9f9; margin: 0; padding: 0; }
	body { margin: 0 auto; padding: 0; font-family:"Segoe UI","HelveticaNeue-Light", sans-serif; font-weight:200;}
	h1, h2, p, summary, footer, li { line-height: 170%; }
	h1, h2 { border-bottom: 1px solid #aaa; font-family:"Segoe UI Light","HelveticaNeue-UltraLight", sans-serif; font-weight:100; }
	h2 { font-size: 16pt; }
	p { margin: 1em 20px 0 20px; }
	ul { margin-top: 1em; }
	#footer { font-style: italic; color: #999; text-align: center; padding: 1em 0 2em 0; margin-top: 1em; font-size: 80%; }
	em { letter-spacing: 1px; }
	li { margin-left: 1em; }

	<!DOCTYPE html>

	<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta charset="utf-8" />
	<title>Hextsuro</title>
	</head>
	<body>
	<script type="text/javascript">