HTML Document Test



                       Text Styles                       

H1 Title

H2 Title

H3 Title

H4 Title

H5 Title

H6 Title

Strong Text

Emphasized Text

Bold Text

Italic Text

Typewriter Text

Underlined Text

Struck Out Text

Keyboard directive: press the RETURN key

Some variables: e, m, c

some sample text

a citation

Some code: printf("hello, world\n");

A computer language preformatted listing:

#include 
#include 
main(){
   printf("Hello, world\n");
}

A computer language sample: #include #include main(){ printf("Hello, world\n"); }

Some computer code: #include #include main(){ printf("Hello, world\n"); }



                       Characters                       

5 < 7 & 8 > 2

"This is in quotes"



These are some < literal characters > & other such things.

A A A A A

A­A­A­A­A


Special Accented Characters
123456789101112131415
AÆÁÂÀÅÃÄÇÐÉÊÈËÍÎ
BÌÏÑÓÔÒØÕÖÞÚÛÙÜÝ
Cæáâàåãäçðéêèëíî
Dìïñóôòøõöþúûùüý
Eÿß

Special Accented Characters Mapping
123456789101112131415
A&AElig;&Aacute;&Acirc;&Agrave;&Aring;&Atilde;&Auml;&Ccedil;&ETH;&Eacute;&Ecirc;&Egrave;&Euml;&Iacute;&Icirc;
B&Igrave;&Iuml;&Ntilde;&Oacute;&Ocirc;&Ograve;&Oslash;&Otilde;&Ouml;&THORN;&Uacute;&Ucirc;&Ugrave;&Uuml;&Yacute;
C&aelig;&aacute;&acirc;&agrave;&aring;&atilde;&auml;&ccedil;&eth;&eacute;&ecirc;&egrave;&euml;&iacute;&icirc;
D&igrave;&iuml;&ntilde;&oacute;&ocirc;&ograve;&oslash;&otilde;&ouml;&thorn;&uacute;&ucirc;&ugrave;&uuml;&yacute;
E&yuml;&szlig;


Additional Characters
123456789101112131415
A¡¢£¤¥¦§¨©ª«¬­®¯
B°±²³´µ·¸¹º»¼½¾
C¿ÀÁÂÃÄÅÆÇÈÉÊËÌÍ
DÎÏÐÑÒÓÔÕÖרÙÚÛÜ
EÝÞßàáâãäåæçèéêë
Fìíîïðñòóôõö÷øùú
Gûüýþÿ

Additional Characters Mapping
123456789101112131415
A&#161;&#162;&#163;&#164;&#165;&#166;&#167;&#168;&#169;&#170;&#171;&#172;&#173;&#174;&#175;
B&#176;&#177;&#178;&#179;&#180;&#181;&#182;&#183;&#184;&#185;&#186;&#187;&#188;&#189;&#190;
C&#191;&#192;&#193;&#194;&#195;&#196;&#197;&#198;&#199;&#200;&#201;&#202;&#203;&#204;&#205;
D&#206;&#207;&#208;&#209;&#210;&#211;&#212;&#213;&#214;&#215;&#216;&#217;&#218;&#219;&#220;
E&#221;&#222;&#223;&#224;&#225;&#226;&#227;&#228;&#229;&#230;&#231;&#232;&#233;&#234;&#235;
F&#236;&#237;&#238;&#239;&#240;&#241;&#242;&#243;&#244;&#245;&#246;&#247;&#248;&#249;&#250;
G&#251;&#252;&#253;&#254;&#255;


These are the Greek letters available when using the <MATH> tag from MathML. In each case, if the upper case version of &name; is available, then it is of the form &Name;. Otherwise, the uppercase letters are the same as their latin equivalents (&Alpha; = ``A''). See the MathML link in the references section for more details.
&alpha;α
&beta;β
&gamma;γΓ
&gammad;ϝϜ
&delta;δΔ
&epsi;ε
&epsiv;ϵ
&zeta;ζ
&eta;η
&theta;θ&Theta
&thetav;ϑ
&iota;ι
&kappa;κ
&kappav;ϰ
&lambda;λ
&mu;μ
&nu;ν
&xi;ξΞ
&omicron;ο
&pi;πΠ
&piv;ϖ
&rho;ρ
&rhov;ϱ
&sigma;σΣ
&sigmav;ς
&tau;τ
&upsi;υϒ
&phi;φ
&chi;χ
&psi;ψΨ
&omega;ωΩ


MathML Script Characters (Each is of the form &Xsrc;)

𝒜 𝒶 ℬ 𝒷 𝒞 𝒸 𝒟 𝒹 ℰ ℯ ℱ 𝒻 𝒢 ℊ ℋ 𝒽 ℐ 𝒾 𝒥 𝒿 𝒦 𝓀 ℒ 𝓁 ℳ 𝓂 𝒩 𝓃 𝒪 ℴ 𝒫 𝓅 𝒬 𝓆 ℛ 𝓇 𝒮 𝓈 𝒯 𝓉 𝒰 𝓊 𝒱 𝓋 𝒲 𝓌 𝒳 𝓍 𝒴 𝓎 𝒵 𝓏


MathML Open Face Characters (Each is of the form &Xopf;)

𝔸 𝔹 ℂ 𝔻 𝔼 𝔽 𝔾 ℍ 𝕀 𝕁 𝕂 𝕃 𝕄 ℕ 𝕆 ℙ ℚ ℝ 𝕊 𝕋 𝕌 𝕍 𝕎 𝕏 𝕐 ℤ


MathML Fraktur Characters (Each is of the form &Xfr;)

𝔄 𝔞 𝔅 𝔟 ℭ 𝔠 𝔇 𝔡 𝔈 𝔢 𝔉 𝔣 𝔊 𝔤 ℌ 𝔥 ℑ 𝔦 𝔍 𝔧 𝔎 𝔨 𝔏 𝔩 𝔐 𝔪 𝔑 𝔫 𝔒 𝔬 𝔓 𝔭 𝔔 𝔮 ℜ 𝔯 𝔖 𝔰 𝔗 𝔱 𝔘 𝔲 𝔙 𝔳 𝔚 𝔴 𝔛 𝔵 𝔜 𝔶 ℨ 𝔷



                       New to 2.0 spec                       

Some HTML comment lines follow (you should not be able to see them):




                       Sub/Super script                       

Baselinesubscript

Baselinesuperscript

Baselinesubsub

Baselinesupersuper

Baselinesubsuper

Baselinesupersub



                       Misc.                       

Many quotations have been (falsely) attributed to Mark Twain. One thing that Mr. Twain most assuredly did not say is,

When in the cause of great struggles, man shall overcome adversity and mount an effort which makes men great. Scott D. Nelson, 1995.



Lawrence Livermore National Laboratory
POBox 808
Livermore California, 94550

this is
some preformatted
text

S. D. Nelson and C. A. Avalle, ``Electromagnetic Modeling and Experiments for Dispersive Media,'' Lawrence Livermore National Laboratory (UCRL 53868-92), 1992.

#include 
#include 
main(){
   printf("Hello, world\n");
}


In e=mc2, e is energy, m is mass, and c is the speed of light.

  1. first item
  2. second item
  3. third item



                       misc HTML 3.0 features                       

This is a copyright © symbol.

This is a registered ® symbol.

This line (paragraph) is centered

This line (paragraph) is left aligned

This line (paragraph) is right aligned

Here is some small text

Here is some big text

TEXT WITH LEADING BIGS

TEXT WITH LEADING SMALLS

this is a centered level 3 header

this is a left aligned level 3 header

this is a right aligned level 3 header



This is a emdash, A&emdash;A&emdash;A&emdash;A&emdash;A

This is a endash, A&endash;A&endash;A&endash;A&endash;A

This is a emsp, A A A A A

This is a ensp, A A A A A

This is a nbsp, A A A A A

Everything in this division
should be aligned on the right
hand side of the screen.


                       new in HTML 3.2 spec                       


  1. first item
  2. second item
  3. third item
  4. fourth item
  1. first item
  2. second item
  3. third item
  4. fourth item
  1. first item
  2. second item
  3. third item
  4. fourth item
  1. first item
  2. second item
  3. third item
  4. fourth item

This list starts in at 1995 (instead of 1)

  1. this fiscal year
  2. next fiscal year
  3. fiscal year after that


                       Proposed in HTML 4.0 spec                       

The following is a new method for denoting a blockquote that makes use of the Q tag (for short quotations). To contain a short quotation, such as To err is human, to forgive devine in the body of a paragraph, use the Q tag.

While this larger quote uses BLOCKQUOTE

Roll rocks down a 10,000 foot mountain and they cannot be stopped -- this is because of the mountain, not the rocks. Du Mu, advisor to the Chinese Imperial court, 900 A.D.

Also note that due to the inclusing of a generic style sheet in the beginning of this HTML document, all Italic text <I> on this page should be green. Note that Italic text is different from Emphasized text.

The following section of text was inserted after the original text was generated and is denoted by the insertion indicator. This text was deleted using the deletion indicator and shows that this text was removed afterwards.

The LLNL WWW working group has numerous members including representatives from EE's DSED Division.

These items make use of the Cascading Style Sheet [4] (and the following should be indented by 10%):

This is centered using the <DIV> tag

This should be large blue bold italic Helvetica text

This should be underlined using internal style sheets

This should be underlined using an inline style

This should be struck through using internal style sheets

This should be struck through using an inline style

This paragraph should be justified. This paragraph should be justified. This paragraph should be justified. This paragraph should be justified. This paragraph should be justified. This paragraph should be justified. This paragraph should be justified. This paragraph should be justified.

Here is some normal paragraph text. Some of it is in bright, bold, italic red.

This should be a note and should look different from regular text based on the definition in the external style sheet.

There are three types of style sheets:

  1. external style sheets,
  2. internal style sheets, and
  3. inline styles.

Here is an example[5] using the Math tags for HTML 4.0 from MathML · E = ρ ϵ 0 , × E = - B t , c 2 × B = E t + j ϵ 0 , · B = 0 .



                       Tables                       



Simple Table
ABCDEFGHIJ
1-11-21-31-41-51-61-71-81-91-10
2-12-22-32-42-52-62-72-82-92-10
3-13-23-33-43-53-63-73-83-93-10
4-14-24-34-44-54-64-74-84-94-10

Simple Table (no border)
1-11-21-31-4
2-12-22-32-4
3-13-23-33-4

Table with <UL> tags, should appear as 4 rows x 2 columns (no border)
  • 1-1
  • 2-1
  • 3-1
  • 4-1
  • 1-2
  • 2-2
  • 3-2
  • 4-2

Table with various alignments
Left Heading Centered Heading Right Heading
left data centered data right data
here is some more data here is some more data here is some more data


Table with various row/column spans
Heading 1 Heading 2 Heading 3 Heading 4
2x1 data, at bottom 2x1 data, at top 1x1 data 1x1 data
1x2 data, centered


caption here
fit'n on the field on d'next page errr phlbbt phlbbt
WoahThisIsOneLongWordsupercal
field 6 field 7 field 8 field 9 field 10
field 11 field 12 fittn' on d'next page
[1]



This table is actually being used to highlight a text phrase
NOTE: This is a table element used to highlight a phrase
and has, in general, a rather nice look. Hopefully, the NOTE tag will do this instead of having to kludge the table command this way.




This table shows alignment based on the '.' character
Vegetable Cost per kilo
Lettuce $1
Silver carrots $10.50
Golden turnips $100.30
This example comes from the HTML 4.0 draft spec.


                       Forms                       

Personal Name: What is your name? (optional)


Email Address: What is your electronic mail address? (optional)



Organization: If you are writing on behalf of an organization, union, association, group, or country, what is your organization's full name and what is your relationship to it (e.g., position, member, citizen)? (optional)

Organization:

Relationship:


Purpose: What is your purpose or reason for writing this message? (optional)


Topic: What is the general topic domain of your message? (optional)


Affiliation: In what capacity are you writing? (optional)



Subject: In your own words, what is the major subject of your message?


Please write your message. (fewer than 5000 characters)



Standard message(s):

Great Page!

Keep up the good work

Send me a demo

Add me to mailing list

Remove me from mailing list



Delivery Options:

Urgent

Fast Response

Normal Delivery

Slow Delivery

Bulk Processing



Reset to initial values



                       Counting Forms                       

This is an example of a counting form. The numbers which are displayed are large for illustration purposes.


Instructions:

If you think the references should be included in the master list, select YES. If you find the references objectional, then select NO.

http://www.llnl.gov/

    {not supported by your browser} YES + {not supported by your browser} NO + {not supported by your browser} don't care = {not supported by your browser}


http://www.energy.gov/

    {not supported by your browser} YES + {not supported by your browser} NO + {not supported by your browser} don't care = {not supported by your browser}




Send ballot (have to Reload Images to see numbers change)

Clear ballot



                       Image Tests                       

GIF image



JPG image



XBM image



PNG images 3
basn3p08.png   bgyn6a16.png   tbyn3p08.png


 GIF image (autoreduced to 223 pixels wide)  GIF image (correct appearance at 223 pixels wide) 





References
  1. ``HTML Tables in NCSA Mosaic'', http://www.ncsa.uiuc.edu/SDG/Software/Mosaic/Docs/table-spec.html

  2. ``An introduction to HTML Math'', http://www.w3.org/hypertext/WWW/Arena/tour/math1.html

  3. ``PngSuite'', http://www.cdrom.com/pub/png/pngsuite.html and ftp://swrinde.nde.swri.edu/pub/png/images/suite/

  4. ``CSS2 Specification'', http://www.w3.org/TR/WD-CSS2/cover.html

  5. ``Amaya example equation'', http://www.w3.org/Amaya/MathExamples.html





Misc. Info




Misc. Links




If you have questions about this page, contact:
Scott D. Nelson, nelson18@llnl.gov

Last Modified: December 6, 2001


LLNL Disclaimer
Administrative Document