S. Berliner, III's sbiii.com HTML Page keywords = computer internet net world wide web HTML tips comments queries wmbwd wmv

Updated:   31 Jan 2017; 20:20 ET
[Page converted 12 Nov 2011
    original AT&T Worldnet Website begun 30 May 1996.]

URL:  http://sbiii.com/html.html
[was at "home.att.net/~Berliner-Ultrasonics/html.html"]

S. Berliner, III
Consultant in Ultrasonic Processing
"changing materials with high-intensity sound"

[consultation is on a fee basis]

Technical and Historical Writer, Oral Historian
Popularizer of Science and Technology
Rail, Auto, Air, Ordnance, and Model Enthusiast
Light-weight Linguist, Lay Minister, and Putative Philosopher



note - The vast bulk of my massive Web presence (over 485 pages) had been hosted by AT&T's WorldNet service since 30 May 1996; they dropped WorldNet effective 31 Mar 2010 and I have been scrambling to transfer everything.  Everything's saved but all the links have to be changed, mostly by hand.  See my sbiii.com Transfer Page for any updates on this tedious process.


S. Berliner, III's

sbiii.com

HTML (HyperText Markup Language) Page


HTML

[Extracted from computer.html and expanded on 22 Nov 2005.]

"Y2K is gone and past;
now, who's the biggest fool at last?
"
My 486 (which failed the tests) and my Pentium both rolled over OK!


"Everybody gets so much information all day long that they lose their common sense." - Gertrude Stein

"Everybody gets so much information all day long that they lose their ability to retrieve it readily." - S. Berliner, III
(which is why we SEEM as if we were losing our short-term memory,
getting Alsheimer's, or getting senile!)


note - If you found yourself here after looking at my HTML Automatic TRansfer (Redirect) Page for more than one minute (60 secionds), it (the automatic redirect) WORKED!


INDEX

CREDITS  (where to find HTML and stuff)

COMPUTERS (general)

INTERNET


WORLD WIDE WEB


HTML


LINKS


Special and ISO 8859 CHARACTERS


  ISO 8859-2 MAGYAR (Hungarian) CHARACTERS
Double-Acute Accented Characters

Line Length


COLOR


ECBS and BOOK


How to embed a Windows Media File (*.wmv)   new (10 Aug 2015)


CREDITS:

It was suggested to me that I link you to the pages which were so helpful to me in learning the modicum of HTML I have absorbed.  OK, they are:

Dr. Mark Bej's Quick Guide to HTML,

HTML 2.0 Example from Christian Sandvig at UC-Davis,

Maran Wilson's HTML Quick Reference,

Personal Web Pages @att.net: HTML Text Editor, which may be unique to AT&T WorldNet users,

Crash Course in HTML,

How do they do that with HTML?,

Help with HTML, and

Sizzling HTML Jalfrezi - an HTML guide for all tags including frames, forms, image maps, style sheets, tables and much more... .

Of these the first is the most helpful at the most basic level, while the second and third are now my mainstay (none of which explains why some of my local links still aren't working!); and then there is
    Douglas R. Jacobson's fantastic RGB Hex Triplet Color Chart, which you just have to see to believe!

plus another:
    HYPE's Color Specifier for Netscape ver. 3.

I found a whole slew of useful HTML links on InfoSeek.

I also want to thank Barry W. Pase of Barry's Clip Art Server for many of my small images.

HTML Details - I am sure glad that "<b> - - - </b>" is now acceptable in lieu of "<strong> - - - </strong>" for BOLD; it will save a lot of space; now, all we need is a shorter way than "&nbsp;" to create a mandatory character space, such as at the beginning of a line or to give a double space:

("  ").


HTML

To jump to TOP of page:

<A NAME=TOP>& nbsp ; {sp} </A>

Return to <A HREF=domain/page.extension#TOP>Top of Page</A> or just
    Return to <A HREF=page.extension#TOP>Top of Page</A>

(depending on your <BASE HREF=http://domain> statement, it can be critical to include the current page's full or abbreviated URL here.)   expanded (12 Nov 2011)

Locations:

at top:

<HTML>
<A NAME=TOP>& nbsp ; {sp} </A>
<HEAD>
<TITLE>Mugwumps Page</TITLE>
</HEAD>

at end:

Return to <A HREF=#TOP>Top of Page</A>
<P>
</BODY>
</HTML>

new.gif new.gif

 

new01.gif new01.gif

 

 

new2.gif new2.gif

 

new-lt.gif

new-rt.gif

 

newright.gif newright.gif

news-rt news-rt.gif (won't blink)

note-rt note-rt.gif (won't blink)

revised.gif revised.gif
OR
rev.gif rev.gif

alert.gif ALERT! (won't blink)

 

SIZE TEST

new.gif  This is width=12.5%.  new.gif
new.gif  This is width=10%.  new.gif
new.gif  This is width=7.5%.  new.gif
new.gif  This is width=6%.  new.gif
new.gif  This is width=5%.  new.gif
new.gif  This is width=4%.  new.gif
new.gif  This is width=3%.  new.gif
new.gif  This is width=2%.  new.gif
new.gif  This is width=1%.  new.gif


KEYWORDS

To hide keywords and allow spidering of both META name keywords and plain keywords:

Put the same keywords in both META and straight HTML lines

and be sure the keywords are in the same color as the background:

    <META name=description content="{PAGE TITLE}">
    <META name=keywords content="{LIST KEYWORDS}">
    <FONT COLOR={RGB VALUE such as CCFFFF} SIZE=1 {or whatever}>
    keywords = {LIST SAME KEYWORDS}
    <BR> {THIS IS IMPORTANT! It allows minimal blank space at the top of centered frontis matter}
    </FONT><FONT SIZE=3 {or whatever}>
    <TITLE> {TITLE} </TITLE>
    </HEAD>
    <BODY><BODY BGCOLOR=#CCFFFF {or whatever} >< BODY TEXT=#CC0000 {or whatever}>


<!-- COMMENT -->

Double Line - <HR> <HR>:



Character Spacing:
 "&nbsp;" gives a required (mandatory) space (or leading space) that will not be ignored.
  "& nbsp{sp} ;" gives a required double space (or leading double space) that will not be ignored.

"<DD>" gives a leading tab (only).
Normal.

Similarly <DL> gives indented paragraphs
after the first line) following
until stopped with </DL>. new.gif

Multiple indented paragraphs
can be staggered
by adding multiple <DL>s,
but require the addition of
additional </DL>s.

To indent whole paragraphs:   new.gif

<DL><DD>
Blah blah - - - (more than one line} - - - blah blah!
</DD></DL>

yields:

Blah blah - - -
(more than one line}
- - - blah blah!

and

<DL><DD>
First Line
Second Line
Third Line
</DD></DL>

yields:

First Line
Second Line
Third Line

(sequence of <DL><DD> and </DD></DL> is important!).

To get a double indent, use <BLOCKQUOTE> (can NOT be centered):

"When in the Course of human events, it becomes necessary for one people to dissolve the political bands which have connected them with another, and to assume among the powers of the earth, the separate and equal station to which the Laws of Nature and of Nature's God entitle them, a decent respect to the opinions of mankind requires that they should declare the causes which impel them to the separation. - - - We, therefore, the Representatives of the united States of America, in General Congress, Assembled, appealing to the Supreme Judge of the world for the rectitude of our intentions, do, in the Name, and by the Authority of the good People of these Colonies, solemnly publish and declare, That these United Colonies are, and of Right ought to be Free and Independent States; that they are Absolved from all Allegiance to the British Crown, and that all political connection between them and the State of Great Britain, is and ought to be totally dissolved; and that as Free and Independent States, they have full Power to levy War, conclude Peace, contract Alliances, establish Commerce, and to do all other Acts and Things which Independent States may of right do.  And for the support of this Declaration, with a firm reliance on the protection of divine Providence, we mutually pledge to each other our Lives, our Fortunes and our sacred Honor."

See?

Line Spacing:
"<BR>" gives single line spacing.
"<P>" gives double line spacing.

"<BR><BR>" also gives double line spacing.

Normal Line Spacing.
QUESTION - How can I get space-and-a-half?

This was partially answered below so I moved it up here (this all needs editing):

LINE SPACING

<P> gives a double line space and <BR> gives a single line space; I'm unaware of any in-between spacing.  More than one <P>, however, does nothing; here are four (4) <P>s in a row:

Nothing more than the first <P> is operative.  Now, let's try repetitive <BR>s; here are eight (8) <BR>s in a row:







That should have given us four line spaces.  Well, whaddya know?  It did!

So, line-and-a half spacing should be three (3) <BR>s in a row


Pretty neat, huh (if arithmetically unacceptable)?  Now, all I need is to learn how to get half a line space or less.


"text 1" plus "text 2" side by side in columnar format <MULTICOL=2>:

text1 text2
</MULTICOL>


Underlining with <u> and </u> works!


PLEASE NOTE:

Blinking (flashing <BLINK>) WORKS!

</BLINK> - STOP THE BLINKIN' BLINKING!


Test of Font Size=1 (and BOLD) vs. Type Size 3.
Test of Font Size=2 (and BOLD) vs. Type Size 3.
Test of <small> Font Size=3 (and BOLD) </small> vs. Type Size 3.
Test of Font Size=3 (and BOLD), which is standard.
Test of <big> Font Size=3 (and BOLD) </big> vs. Type Size 3.
Test of Font Size=4 (and BOLD) vs. Type Size 3.
Test of Font Size=5 (and BOLD) vs. Type Size 3.
Test of Font Size=6 (and BOLD) vs. Type Size 3.
Test of Font Size=7 (& BOLD) vs. Type Size 3.


<H1>HEADLINE 1</H1>

<H2>HEADLINE 2</H2>

<H3>HEADLINE 3</H3>

<H4>HEADLINE 4</H4>

<H5>HEADLINE 5</H5>
<H6>HEADLINE 6</H6>

Note:  HEADLINE BOLD doesn't work!  Use underline.


<strong> vs. <b>:

STRONG - Stronger emphasis on the enclosed text (bold), vs. BOLD - Boldfaces the enclosed text.

<em> - The enclosed text is emphasised (italics) </em>, vs.
<I> - The enclosed text is italics </I>.

<TT> - The enclosed text is typewriter font </TT>.

TEST OF <IMG SRC> ADDRESS:

< img src = {URL} {file.gif or jpg alt = " {image name*} " align = center width = 20% >

http://home.att.net/~meiii/pix/contflag.gif {OK} -
Continental Flag

home.att.net/~meiii/pix/contflag.gif {NG} -
Continental Flag

~meiii/pix/contflag.gif {NG} -
Continental Flag

The "align" comment is NOT necessary for images in, or aligned with, text.

* - Further, quotation marks (") are NOT required in arguments except when spaces occur; i.e.:  alt=Flag works but alt=U. S. Flag does NOT (only the word U. will show as the alternate caption.  However, alt="U. S. Flag" works, all three words show.

How does one get rid of an unwanted background rectangle on a graphic (or add the desired one)?

Here is "US-FLAG.GIF" on grey US-FLAG.GIF on grey and here is "us_flag.gif" on white us_flag.gif on white.

    {see also below}

Incidentally, to use a thumbnailed image, just link the thumbnail within the full image thusly:   added (13 Mar 2014)


(Cropped from Jun 1970 postcard photo by Ken Crist - SBIII collection - all rights reserved)
[Click on thumbnail for full 3.91Mb image]

Which is coded as:

    <A HREF=http://sbiii.com/boxpix2/ri751e6x.jpg> {the full 3.91Mb image}
    <IMG SRC>http://sbiii.com/boxpix2/ri75ie6x.jpg></A><BR>{the 190Kb thumbnailed image}, etc.


Destination for Internal Link.


LINKS

SITE LINKS

For links on same site but on different pages, use:
<A HREF = aviation.html#FM1>:
FM-1 Airacuda <A NAME=FM1>

INTERNAL LINKS

<A HREF = #name>{argument}</A>:
Jump to <A NAME="name">
[in some cases, this doesn't work internally and the line must read:
<A HREF = xxxxxxxx.html#name>:
Jump to <A NAME=blank.html#name>]

A Web friend reminded me that an internal link must have an opening statement <A HREF = #name>, an argument, AND a closing statement </A>.

Again, quotation marks (") are NOT required in arguments.


SPECIAL and ISO 8859 CHARACTERS

Special Characters

 - a sampling - completely revised:

" = &quot;
& = &amp;
< = &lt;
> = &gt;
™ = &trade; which didn't work when I started this page but does now!
  rev.gif (12 Nov 2011)

[I used to use <sup><small>TM</small><sup> to yield TM]
  = &nbsp; (Non-Breaking Space)
¡ = &iexcl; (inverted exclamation mark)
¢ = &cent;
£ = &pound; (Pound Sterling)
¤ = &curren;
¥ = &yen;
¦ = &brvbar;
§ = &sect;
© = &copy;
ª = &ordf; (feminine ordinal)
« = &laquo;
­ = &shy; (soft hyphen)
® = &reg;
¯ = &macr;
° = &deg;
± = &plusmn;
² = &sup2;
³ = &sup3;
µ = &micro;
¶ = &para;
· = &middot;
¹ = &sup1;
º = &ordm; (masculine ordinal)
» = &raquo;
¼ = &frac14;
½ = &frac12;
¾ = &frac34;
    Actually, you can create ANY fraction down to eighths with &fracxx;, i.e.:
⅛ = &frac18;, ¼ = &frac14;, ⅜ = &frac38;, ½ = &frac12;, ⅝ = &frac58;, ¾ = &frac34;, ⅞ = &frac78;   expanded.gif (12 Nov 2011)
  [I use <small><sup<"x">/<sub>"y"<sup></small> to yield x/y, as in 13/64]
    [BETTER: <small><sup<"x">/<small>"y"<sup>&small;/small> to yield x/y, as in 13/64 - holds line spacing.]   rev.gif (12 Nov 2011)
¿ = &iquest;
× = &times;
ß = &szlig; (German double SS, do NOT use for Beta - see below.)   rev.gif (12 Nov 2011)
ç = &ccedil; ("c" avec cédille)
÷ = &divide;
etc. (see also Sizzling Jalfrezi* for a full set, ISO 8859 Characters, below, or Dr. Mark Bej's HTML Guide) {new URLs}.   rev (31 Jan 2017)
    * - click on tips n' tricks / Special Characters to get the character set.   added (31 Jan 2017)

How DOES one write Pi Rho ( pi rho ) in Greek in HTML?
The ISO 8859-7 D0 and D1 (U.C.) or F0 and F1 (l.c.) don't work, at least not yet.

Try this: &+#+928+; = Π = Greek CAPITAL letter PI, Ρ = Greek CAPITAL letter RHO, π = Greek small letter pi, ρ Greek small letter rho; it works.

Thus, one writes "pi rho" as &+#+960+;+&+#+961+;: "πρ" TA, RA!   added.gif (12 Nov 2011) and rev.gif (21 Jan 2012)


ISO 8859-2 MAGYAR (Hungarian) CHARACTERS

Double-Acute Accented Characters

How are we supposed to render the Magyar double-acute accent mark, ´´, ISO 8859-1, "& dblac ;" - which, in itself, doesn't work!, above a vowel, or the ogonek below or the hachek above Romanian letters?  I had explored ISO 8859-2, Latin-2, but didn't know how to implement it (or that anyone out there can read it).

Actually, it couldn't be easier!  Using one of the excellent guides to ISO 8859-2, Latin 2, such as Roman Czyborra's or Kosta Kostis's, we quickly come up with:

D5/213 -- "&#213;" -- Õ -- LATIN CAPITAL LETTER O WITH DOUBLE ACUTE
F5/245 -- "&#245;" -- õ -- LATIN SMALL LETTER O WITH DOUBLE ACUTE

BUT -

DB/219 -- "&#219;" -- Û -- LATIN CAPITAL LETTER U WITH DOUBLE ACUTE and
FB/251 -- "&#251;" -- û -- LATIN SMALL LETTER U WITH DOUBLE ACUTE - uh,oh!

Well, the upper case Õ and lower case õ are the more critical ones.  There is a lot more to this than I care to go into here.

Here's the straight skinny from ISO 10646:

&+#+336+; = Ő = LATIN CAPITAL LETTER O WITH DOUBLE ACUTE
&+#+337+; = ő = LATIN SMALL LETTER O WITH DOUBLE ACUTE
&+#+368+; = Ű = LATIN CAPITAL LETTER U WITH DOUBLE ACUTE
&+#+369+; = ű = LATIN SMALL LETTER U WITH DOUBLE ACUTE   expanded.gif (12 Nov 2011) and rev.gif (21 Jan 2012)

I will examine the Romanian Characters next (25 Oct 1999).


Some of the basic Greek characters used in science and technology, such as Pi and Theta, would also help.

And, again from ISO 10646, here they are:   added.gif (12 Nov 2011)

&+#+928+; = Π = Greek CAPITAL letter PI
&+#+960+; = π = Greek small letter pi
&+#+920+; = Θ = Greek CAPITAL letter THETA
&+#+952+; = θ = Greek small letter theta

What would help a lot would be a workable overstrike code; it exists but I haven't found how to use it yet   This stuff is not designed with mere mortals in mind!


LINE LENGTH

This was a test; you were to have scrolled away to see how many character spaces there are on a single line on my AT&T WorldNet HTML editor, 1,024, but I can't afford so many spaces on this page.

The number of characters on my Web screen is tested on my Line Length page and maxed out at 24,786 characters long (plus the HTML text on that page) and may well go on to infinity!


COLOR

Use <FONT COLOR=xxxxxx>, <BODY BGCOLOR=xxxxxx>, and <BODY TEXT=xxxxxx>; where "xxxxxx" is the RGB code as shown on the RGB Hex Triplet Color Chart or HYPE's Color Specifier for Netscape v.3.

Some simple samples suive:

<FONT COLOR=FF0000> -> RED
<FONT COLOR=0000FF> -> BLUE
<FONT COLOR=008B00> -> GREEN
<FONT COLOR=EEEE00> or <FONT COLOR=FFFF00> -> YELLOW (EEEE00 or FFFF00)
<FONT COLOR=000000> -> BLACK
<FONT COLOR=FFFFFF> -> WHITE (000000)

Alternatively, you can use the color's name, as in:   added.gif (12 Nov 2011)

<FONT COLOR=red> -> RED
<FONT COLOR=blue> -> BLUE
<FONT COLOR=green> -> GREEN
<FONT COLOR=yellow> -> YELLOW
<FONT COLOR=000000> -> BLACK
<FONT COLOR=white> -> WHITE (000000)


How does one get a transparent background?
That appears to be a function of the image processor, not the Net (pass the buck!).

U. U.  

U. S. flag (multilingual) or Continental/Grand Union Flag of 1775 (English-speaking)  

Continental Flag Continental Flag or a U. S. flag for the 21st Century, my variation on the Continental/Grand Union Flag (English-speaking)?  

 

 

English First Flag English First Flag










How to embed a Windows Media File (*.wmv):

  new (10 Aug 2015)

    [from Media College - edited slightly]

The Code

The example below shows the code for embedding a Windows Media file.  Note that it uses two tags: <object> and <embed>.  This is to enable maximum browser compatibility.  You will need to set the file name (and other attributes if required) for both tags.  Use true or false for the <object> tag, 1 or 0 for the <embed> tag.

Code for HTML5:

<object id="MediaPlayer" width="192" height="190" type="video/x-ms-asf">
<param name="FileName"value="videofilename.wmv">
<param name="autostart" value="false">
<param name="ShowControls" value="true">
<param name="ShowStatusBar" value="false">
<param name="ShowDisplay" value="false">
<embed type="application/x-mplayer2" src="videofilename.wmv"
width="192" height="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0" />
</object>

Code for HTML 4.01:

<OBJECT ID="MediaPlayer" WIDTH="192" HEIGHT="190" CLASSID="CLSID:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
STANDBY="Loading Windows Media Player components..." TYPE="application/x-oleobject">
<PARAM NAME="FileName" VALUE="videofilename.wmv">
<PARAM name="autostart" VALUE="false">
<PARAM name="ShowControls" VALUE="true">
<param name="ShowStatusBar" value="false">
<PARAM name="ShowDisplay" VALUE="false">
<EMBED TYPE="application/x-mplayer2" SRC="videofilename.wmv" NAME="MediaPlayer"
WIDTH="192" HEIGHT="190" ShowControls="1" ShowStatusBar="0" ShowDisplay="0" autostart="0"> </EMBED>
</OBJECT>

To get started, all you have to do is copy the code above into your web page and replace videofilename.wmv with your own file name.

If you want to get more advanced you can alter the parameters below.  Note that including extra features such as the status bar requires the player to have more height.  Where applicable, we have shown the number of pixels required — if necessary, add this number of pixels to the height parameter.

Autostart

If this value is set to true/1, the video will begin playback as soon as it has buffered.  Otherwise it will wait for the user to press Play.

ShowControls

If this value is set to true/1, the video transport controls will be shown (play, stop, pause, etc).  If it is set to false/0, the controls will not be shown and the user will not be able to control playback at all.  Obviously, in this case you would need to have autostart enabled or there will be no way to play the video.

Height: 46 pixels

ShowStatusBar

If this value is set to true/1, the status bar is shown.  This includes the buffering progress and playback status of the clip.  Showing the status bar is a good idea as it shows the user how long they have to wait before the clip will be ready for playback

Height: 26 pixels

ShowDisplay

When set to true/1, this displays information such as the file name.

Height: 74 pixels

[End of quoted material.]

- - - * - - -

The acid test:

Bad example?  I am testing this with Jim Ducoing's 1-minute Cyclops II run at at speed on a closed course event in Stockton, California on July 18th put on by the Sacramento Valley Region of the Porsche Club of America.  Of course, the run was allowed during the lunch break!

The catch here may turn out to be that my example is a *.MOV file, NOT a *.wmv file; we shall see.

Two big problems -

1.  I only get about ⅝ of the way through and it jams, with this error message:  "Windows Media Player encountered a problem while playing the file."  The help screen implicates the sound system but I have a new audio system and it works fine on other things.  Unfotrtunately, I get no sound at all on this file.

2.  All I'm getting here is a QuickTime logo!


LEGACY

  What happens to all this when I DIE or (heaven forfend!) lose interest?  See LEGACY.

COPYRIGHT NOTICE

See Copyright Notice on primary home page.



U.S.Flag U.S.Flag

THUMBS UP!

THUMBS UP!  -  Support your local police, fire, and emergency personnel!


Contact S. Berliner, III

(Junk and unsigned e-mail and blind telephone messages will NOT be answered)


© Copyright S. Berliner, III - 1999, 2001, 2002, 2011, 2012, 2015, 2017  - all rights reserved.


Return to Top of Page