Eric Rasmusen, [email protected] This file is now at http://rasmusen.org/a/html-rasmusen.htm. See also my example page at http://rasmusen.org/zg492/webpage.htm. Another, simpler, class sample is at http://www.rasmusen.org/a/html-sample.htm.
This page contains HTML commands that I often need to look up. To see the commands themselves, use VIEW SOURCE. This page is not tidied up.
A good article on it all is: https://r12a.github.io/scripts/chinese/
To put extra vertical space:
That middle thing is a non-breaking space.
Better is this. Note that to use CSS the file must end in *.html, not *htm.
For horizontal space, use a command similar to a blank space. For a one-time paragraph indent, type:
I don't know how to put in negative vertical or horizontal space, though I've searched for that.
This is the text that will
get
deleted
<del datetime="2005-03-28T11:20:0305:00" >This is the text
that will
get
deleted </del >
Here is where page one ends.
Here is where page two starts and ends. Here is where page three starts.Here is where page one ends.
<div style="page-break-before:always"/ >
Here is where page two starts and ends.
<div style="page-break-before:always"/>
Here is where page three starts.
<font color= red>Here is some red color </font color=red>
Here is some red color
<!-- javascript for hidden area toggle added October 9a, 2007 --> <script type="text/javascript"> <!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.display == 'block') e.style.display = 'none'; else e.style.display = 'block'; } //--> </script>
FOR IMAGE CAPTIONS: HERE IS THE CODE FOR THE NEXT PICTURE:
<table class="image" align="left"> <tr><td><img src= " http://rasmusen.org/t/images-2008/eggs.JPG" align= left width= "360" hspace="30" ></td></tr> <tr><td class="caption"> Eggs</td></tr> </table>
Eggs |
HTML Escape Sequences* To use one of these
characters in an HTML document, you must enter its escape sequence
instead. The semicolon is optional if you have a blank space after
the
character, but otherwise you need it to separate off the escape
sequence
character from the next character, e.g. "x < y and x<y
and x<y" becomes "x < y and x<y and x<y"
< the escape sequence for <
> the escape sequence for >
& the escape sequence for &
" the escape sequence for "
&exist &exist &forall ∀ ∈
∏
∑ √ ∞ ∫ ∼ ≈
≠ ≤
≥ ′ • ∂
"±" "¹" "²" "³" "ℜ" from
http://www.w3.org/TR/html401/sgml/entities.html
THE GREEK ALPHABET
A &Alpha &Alpha &alpha &alpha alpha
B &beta beta &Gamma
&gamma gamma
&Delta &delta delta E
&epsilon epsilon
Z &zeta zeta H &
eta
eta
&Theta &theta theta I
&iota iota K &kappa
kappa &Lambda &lambda
lambda
M &mu mu N &nu
nu &Xi &xi xi
&Omicron &omicron
omicron
&Pi &pi pi P &rho rho &Sigma &sigma sigma T &tau tau &Upsilon &upsilon upsilon &Phi &phi phi X &chi chi &Psi &psi psi &Omega &omega omega
THE HEBREW ALPHABET: אבגדהוז חטיכלמנסעפ צקרשת for tcdsvuzjyhfknbxgpmera, aleph א--- bethב--- gimel ג--- daleth ד--- he ה--- vav ו--- zayin ז--- chet ח---tet ט--- yod י--- kaph כ--- lamed ל--- mem מ---nun נ--- samech ס---ayin ע---pe פ--- tsadi צ---quph ק--- resh ר---shin ש--- tav ת Maybe I'll add the vowels here someday.
A list of symbols is at: http://www.htmlhelp.com/reference/html40/entities/symbols.html
Another way is to use the symbol font: l
"Ultimate Cool Characters" says Combining diacritical marks can be used to add a diacritical mark to a desired character. Type the number code for the desired mark immediately after the character you would like to add it to. For example, typing My name is B̃ob would appear as My name is B~ob. Note that this only works for the characters labeled as combining marks (combining grave, combining acute, combining tilde, combining hook above, and combining dot below).
<STYLE type="text/css"> BODY { background-color: white } body { font-family: trebuchet ms, arial} <!-- .verse-num{ vertical-align: super; margin-left: 0em;margin-right: -3pt; font-size:-4} .woc{color:red; } --> </STYLE>
Here is where the internal link goes to
dfgsfgsgsfgsf
(return to that internal lnk location
<STYLE TYPE="text/css"> <!-- P { text-indent: 2em } --> < /STYLE>
State | Votes |
---|---|
Maine | 4 |
Indiana | 12 |
DL and DT are good for lists with headings. You can, in effect, delete the unnecessary extra vertical space that the ol and ul lists add automatically before and after the list. They are for "definition lists". I combine them with the usual ul li unordered list command below.
LISTS:
This will align the paragraph that follows it on the right.
These commands can be repeated for additional effect.
Then have another file, temp1.htm, with something that is an expanded version. The following will open a new window and jump right to the text. "Getting Carried Away in Auctions as Imperfect Value Discovery". Bidders have to decide whether and when to incur the cost of estimating their own values in auctions. This can explain why people seem to get carried away, bidding higher than they had planned before the auction and then finding they had paid more than the object was worth to them. Even when such behavior is rational, ex ante, it may be perceived as irrational if one ignores other situations in which people revise their bid ceilings upwards and are happy when that enables them to win the auction.
<pre> put the unformatted text here </pre>
put the unformatted text hereIf you don't want preformatted text to show up as typewriter font, put the following in your stylesheet. pre { display: block } pre, ss, code, kbd, samp { font-family: verdana } pre { white-space: pre }
You will discover •, which means •, which you can also enlarge. Here is the input:
•
<big> • </big> <p>
<big> <big> <big> <big> <big> & bull; </big> </big> </big> </big> </big><p>
Here is what it looks like on the screen: •
•
•
X<sub>ij</sub>, or X<sup>nt</sup>
Xij, or Xnt
Make a deal with Sears to distribute it.<SUP><A href= "#note1"> 1</A></SUP> Why did this invention come only after almost five million others?<p> Footnotes <p> <A name="note1"></A><B>1</B> Go to the U.S. patent office site and search by patent number. Sears's description of the Pocket Socket can be found by searching for that name at Www.sears.com
Make a deal with Sears to distribute it. 1 Why did this invention come only after almost five million others?
Footnotes
1 Go to the U.S. patent office site and search by patent number. Sears's description of the Pocket Socket can be found by searching for that name at Www.sears.com
block
quote goes
here.
saj
(return)
<!-- Here goes a comment. -->
March 9, 2004
------------------------------------------------------
For finding links to a page:
In google:
link: www.rasmusen.org/x/
------------------------------------------------------
Arvind Satyanarayan's "Toggle
Visibility - Show/Hide Anything" is worth knowing about.
(Click here to
read
more.)
This method didn't really work for me-- the width wouldn't work. BUt
here it is, for reference.
Brad DeLong did it at :
http://braddelong.posterous.com/delong-the-modern-revival-of-t .
The HTML is a mess, but it looks as if he used some application or
add-on called
SCRIBD, maybe using Java.
Now we are engaged in a great civil war, testing whether that nation,
or any
nation so conceived and so dedicated,
can long endure. We are met on a great battle-field of that war.
We
have come to dedicate
a portion of that field,
as a final resting place for those who here gave their lives that that
nation
might live. It is altogether fitting
and proper that we should do this.
But, in a larger sense, we can not dedicate -- we can not consecrate
-- we can
not hallow -- this ground. The brave
men, living and dead, who struggled here, have consecrated it, far
above our
poor power to add or detract. The
world will little note, nor long remember what we say here, but it can
never
forget what they did here. It is for
us the living, rather, to be dedicated here to the unfinished work
which they
who fought here have thus far so
nobly advanced. It is rather for us to be here dedicated to the great
task
remaining before us -- that from these
honored dead we take increased devotion to that cause for which they
gave the
last full measure of devotion -- that
we here highly resolve that these dead shall not have died in vain --
that this
nation, under God, shall have a new
birth of freedom -- and that government of the people, by the people,
for the
people, shall not perish from the
earth.
I put some horizontal spaces in front of this paragraph,
to indent
it.
And I
put horizontal spaces just before
this sentence too. I'll put some vertical spaces after it. <p>
You can email me at
Erasmuse@Indiana.edu.
I can make
font smaller. Or I can
make the font bigger. I can make it
very big
if I want.
Below is the input for what is above:
<center>
06.02a
... [permalink: 04.06.02a.htm]
COMMENTS
TEMPLATE FOR OVERHEADS
G492
Eric Rasmusen, [email protected]
INSERTING PDF INTO HTML
URL: http://www.rasmusen.org/a/html-rasmusen.htm.
Comments: Erasmuse@Indiana.edu.
For archiving the blog into one long file for every 500 posts:
http://help.blogger.com/bin/answer.py?answer=41447&topic=12512
Here is my G492 page:
Four score and seven years ago our fathers brought forth on this
continent, a
new nation, conceived in Liberty, and
dedicated to the proposition that all men are created equal.
Lots of useful html commands are at
http://rasmusen.org/a/html-rasmusen.htm.
Year Glob NHem SHem -90N -24N -24S -90N -64N -44N -24N
-EQU -24S
-44S -64S Year
2001 48 59 36 76 36 36 101 81 64 35
37 43
21 49 2001
2002 56 67 45 79 51 39 124 96 52 48
53 36
32 71 2002
2003 55 69 40 81 53 31 145 100 46 51
55 30
24 54 2003
2004 48 63 33 73 45 29 75 91 60 49
40 35
23 23 2004
2005 62 82 42 100 54 33 217 119 49 53
55 37
19 56 2005
2006 54 74 34 93 45 28 176 104 58 47
43 38
14 26 2006
2007 56 77 35 106 35 37 203 126 60 35
34 36
6 112 2007
2008 44 60 28 85 25 28 148 101 52 23
28 39
3 52 2008
<HTML>
<B> This Is My Web Page for G492 To Illustrate How To Use
HTML</B>
</center>
<br>
<br>
<img src= "faith.jpg" height= 540 align=left>
Four score and seven years ago our fathers brought forth on this
continent, a
new nation, conceived in Liberty, and
dedicated to the proposition that all men are created equal.<p>
Now we are engaged in a great civil war, testing whether that nation,
or any
nation so conceived and so dedicated,
can long endure. <u> We are met on a great battle-field of that
war. <
/u> We have come to dedicate
a portion of that field,
as a final resting place for those who here gave their lives that that
nation
might live. It is altogether fitting
and proper that we should do this.<p>
But, in a larger sense, we can not dedicate -- we can not consecrate
-- we can
not hallow -- this ground. The brave
men, living and dead, who struggled here, have consecrated it, far
above our
poor power to add or detract. The
world will little note, nor long remember what we say here, but it can
never
forget what they did here. It is for
us the living, rather, to be dedicated here to the unfinished work
which they
who fought here have thus far so
nobly advanced. It is rather for us to be here dedicated to the great
task
remaining before us -- that from these
honored dead we take increased devotion to that cause for which they
gave the
last full measure of devotion -- that
we here highly resolve that these dead shall not have died in vain --
that this
nation, under God, shall have a new
birth of freedom -- and that government of the people, by the people,
for the
people, shall not perish from the
earth.<p>
<!-- Here goes a comment. It won't show up in the browser. -->
I put some horizontal spaces in front of
this
paragraph, to indent it.
&
nbsp; And I put horizontal spaces
just before
this sentence too. I'll put some vertical spaces after it.
<br>
<br>
<br>
<br>
Lots of useful html commands are at
<A HREF="http://rasmusen.org/a/html-rasmusen.htm">
http://rasmusen.org/a/html-rasmusen.htm</A> . <
p>
<I>
You can email me at <A HREF=
"mailto:Erasmuse@Indiana.edu" >
Erasmuse@Indiana.edu. </A > </I > <p>
I can make
<small> font smaller. </small> Or I can
<big> make the font bigger. </big> I can make it <
big> <
big> <big> <
big> very big </big> </big> </big> </big>
if I
want.
<p>
<img src= "http://rasmusen.org/t/2009/morel.ap16.backyard.JPG"
height= 280
align=right> <p>
<pre>
Year Glob NHem SHem -90N -24N -24S -90N -64N -44N -24N
-EQU -24S
-44S -64S Year
2001 48 59 36 76 36 36 101 81 64 35
37 43
21 49 2001
2002 56 67 45 79 51 39 124 96 52 48
53 36
32 71 2002
2003 55 69 40 81 53 31 145 100 46 51
55 30
24 54 2003
2004 48 63 33 73 45 29 75 91 60 49
40 35
23 23 2004
2005 62 82 42 100 54 33 217 119 49 53
55 37
19 56 2005
2006 54 74 34 93 45 28 176 104 58 47
43 38
14 26 2006
2007 56 77 35 106 35 37 203 126 60 35
34 36
6 112 2007
2008 44 60 28 85 25 28 148 101 52 23
28 39
3 52 2008
</pre>