arrow
left arrow: &laar; - ←
right arrow: &raar; - →
background color
<body
bgcolor=Silver>
<p>
We set the background…</p>
</body>
or in code
<code style = background:#1E1E1E=Silver> </code>
background picture, add - need to add a style or two:
<style>
html
{
height: 100%;
}
body
{
background-image:
url("whatever.jpg");
background-repeat:
no-repeat;
background-position: 50% 50%
}
</style>
Note, you need that “html” style if you want the image centered properly using
background-position:
50% 50%
Then, later on somewhere down in the body, add:
<p
class=BODY > </p>
Finally, probably want to add a default background color to your main “body” statement for those who suppress pictures:
<body
lang=EN-US link=blue vlink=purple bgcolor="#336666">
bookmark - also known as "anchors"
refer to one:
<a
href="#BookmarkName"
target="_self">
set: target=_parent name="bookmark name"
bullet points, nested – see nested list items
cent sign (¢) – ¢
or ¢
center –
<center>
This text will be centered.
</center>
<P
{text-align: center}>
or <P
style
="text-align:
center">
cheat sheets – 30 Handy Cheat Sheets and Reference Guides for Web Professionals
check box, checked - ☑
check box, unchecked - ☐
editor
ellipses - … - …
escape quotes (perl) – CGI::escapeHTML()
faviocon
online converter to ico from jpg or other formats
generator (online) - http://antifavicon.com/
generator (not online)
how to put reference to
<!DOCTYPE
html
PUBLIC
"-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html
lang="en-US">
<><head profile="http://www.w3.org/2005/10/profile">
<link
rel="shortcut icon"
type="image/x-icon"
href="http://mydomain.com/favicon.ico">
[…]
</head>
[…]
</html>
More info
frame, break out of - add
target="_top"
to the href
input type=“text”, change format - use inline CSS styles to do this.
<input
type = "text" value = "test" style="color:#fcc; font-weight: bold; background-color: #ffc;" >
link checker
list items, nested – see nested list items
load time, check – pingdom
name vs. id– see id vs. name
<ul>
<li>Fruits
<ul>
<li>Apple</li>
<li>Banana
<ul>
<li>Plantain</li>
<li>Cavendish</li>
</ul>
</li>
<li>Cherry</li>
</ul>
</li>
<li>Vegetables
<ul>
<li>Carrot</li>
<li>Broccoli</li>
</ul>
</li>
</ul>
<table
border = 1>
<tr>
<TD>
<table border = >
<TR>
<TD>1st
table, 1st row, 1st col</TD>
<TD>1st table,
1st row, 2nd col</TD>
</TR>
<TR>
<TD>1st table, 2nd row, 1st
col</TD>
<TD>1st table, 2nd row, 2nd
col</TD>
</TR>
</table>
</TD>
<TD>
<table
border = 1>
<TR>
<TD>2nd table, 1st row, 1st
col</TD>
<TD>2nd table, 1st row, 2nd
col</TD>
</TR>
<TR>
<TD>2nd table, 2nd row, 1st
col</TD>
<TD>2nd table, 2nd row, 2nd
col</TD>
</TR>
</table>
</TD>
</TR>
</table>
ordered list, resume count - let’s say you want to resume the count at five
<ol style =
"margin-left:.75in"
start="5" type="1">
<li>
and then close the form.</li>
</ol>
Picture, add to background – see background picture, add
quotes
left double quote - “ - “
right double quote - ” - ”
quotes, escape (perl) – CGI::escapeHTML()
<META
HTTP-EQUIV="Refresh"
CONTENT="5; url=http://www.yournewdomain.com/">
The first part:
HTTP-EQUIV="Refresh" tells the browser that the
page should be refreshed. CONTENT="5; url=http://www.yournewdomain.com/">
gives two pieces of information: that
the page should refresh after five seconds, and that the new URL should be
http://www.yournewdomain.com/.
rotate text 90 degrees – as
far as I know, only possible with IE -
<div
style="writing-mode:tb-rl" lang=en>text</div>
Button to do this dynamically
Static example and explanation
table border, show – in the
<style type=text/css> section up top
table, th, td
{border: 1px solid black;
border-collapse: collapse;}
if you don’t have the
“border-collapse;”,
you’ll get double borders.
table, center –
<table
border="1" style="margin-left: auto;
margin-right: auto;">
tables, nested – see nested tables
tags
Thumbnails
Tutorials
davesite Cluttered and disorganized, incomplete, slow due to excessive ads. BUT probably "best" of all here.
html goodies Content in sardine can, bad navigation and no good menu, outdated parts like the rest.
vertical arrangement of text, see rotate text 90 degrees
Word, MS Word-generated HTML, clean up
Bersoft Word HTML CleanUp 1.0 – didn’t seem to want to run when double-clicking in Vista. Maybe this has to run from command line. Haven’t investigated.
R2Net – costs
Textism – available for limited use for free (short documents, under 20KB) and unlimited use for a subscription charge