su

SIMPLE & USEFUL: A guide to web design

Model site

HTML can be styled well enough and simply enough so that anyone can write for the web, using just a text editor, and share that work with anyone else, regardless of the platform they are using, the speed of their connection and any disabilities they may have.

Here is markup to copy and paste, add new text to, save as an html file and upload to a server; it will work on any platform and is accessible to all:

<!DOCTYPE HTML>
<html lang=en>
<head>
<meta charset=utf-8>
<meta name="viewport content=width=device-width,
user-scalable=yes"> <style type=text/css> html{margin:0 auto;max-width:33em} body{font-family:Georgia,serif;font-size:17px; padding: 0 .5em 1em .5em} h1{font-size:120%; text-transform:uppercase; letter-spacing:0.15em;padding:1em 0 0 0} h2{font-size:115%} h3{font-size:105%} h4{font-size:100%} p{font-size:100%;line-height:1.5em;
word-spacing: -.05em} a:link{color:#900;text-decoration:none} a:visited {color:#900;text-decoration:none} </style> <title>Model page</title> </head> <body>
<header>
<h1>Title</h1>
<h2>Author</h2>
<h3>Date</h3>
</header>
<article>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing 
elit, sed diam nonummy nibh euismod tincidunt ut 
laoreet dolore magna aliquam erat volutpat. Ut wisi 
enim ad minim veniam, quis nostrud exercitation ulliam 
corper suscipit lobortis nisl ut aliquip ex ea commodo 
consequat. Duis autem veleum iriure dolor in hendrerit 
in vulputate velit esse molestie consequat, vel willum 
lunombro dolore eu feugiat nulla facilisis at vero 
eros et accumsan et iusto odio dignissim qui blandit 
praesent luptatum zzril delenit augue duis dolore te 
feugait nulla facilisi.</p>
</article>

</body>
</html>

Model site.

You may also open the model site file, save it, open it in a text editor, enter your text, save it as html, and post it to the web.