Tuesday, March 27, 2007

Links

Links!

Here are some links.

An absolute relative link. A relative link. An external link.

Posted by at 1 comment:

Tuesday, March 20, 2007

Section 11 - Tables

Section 11 - Tables

A blog post that uses tables. Here's the sample table from the W3C (plus closing elements).

A test table with merged cells
  Average Red
eyes
height weight
Males 1.9 0.003 40%
Females 1.7 0.002 43%

11.2 - Elements for constructing tables

11.2.1 - Table element

A simple use of the table tag
Name Favorite Color
Ben Black
Mandy Green
Caroline Blues
A table with a 100% width set
Name Favorite Color
Ben Black
Mandy Green
Caroline Blues
A table aligned left
Name Favorite Color
Ben Black
Mandy Green
Caroline Blues

Some text between the left and centered tables that might prove useful

A table aligned center
Name Favorite Color
Ben Black
Mandy Green
Caroline Blues

This is just some text in between the aligned tables

A table aligned right
Name Favorite Color
Ben Black
Mandy Green
Caroline Blues

This is just some text trailing the tables that are aligned.

11.2.2 - Captions

Caption alignments for fun and profit. First, top

This caption is aligned top
my one little cell

then bottom

This caption is aligned bottom
my one little cell

then left

This caption is aligned left
my one little cell

then right

This caption is aligned right
my one little cell

and we're done!

11.2.3 - Row Groups

Now for fun times with thead, tfoot, and tbody.

A big table with a header and footer
Random Numbers for You
1 2 3
Copyright, Ben, Now
94848524232
708723708277
231391102371
820160003941
56376837992
138048591888
672334266851
80571503426
585740565169
201442849197
753643976569
603082596288
889946383737
120071491589
85731546039
416819575922
33786730788
78719435149
52961802999
715858165755
245561142582
51723673231
395179083447
861022731429
65814581801
382495815777
948951298766
914122938213
610386333696
966066603798
75535917428
353370969438
71786418935
725029656799
624948512115
143570011614
911149731978
99946493774
473197599308
66925082156
681182899755
752265924646
791431492589
448659036405
353786004343
109898238723
984988373020
296431561769
655786305149
847997054875
243310616017
698144608424
168112774927
74388774722
122426284140
596970008059
197254114611
84509543106
614562769127
57734008628
116021184641
780522659606
184395549408
554093713972
346147676038
920129055704
34980611099
545758692548
865588032991
71157984540
753148618260
927216749284
428431178199
766996003981
461553041849
708298668807
587942152617
655465782889
675063576446
891067102952
100772532561
685363225125
224677969366
80186421588
383642359456
848010825908
871193958280
480330443289
37019400655
472920125629
58283368889
743839136420
390749343980
146636907210
897549443574
417339081569
568767293661
255382597433
330560015240
443354891135
683799111419
9118471530
422471397823
144460779184
514473243383
64237943554
749325276117
823819934374
316010111416
659055287768
38491636679
13616652968
337370946312
84636408414
447980328646
25631992509
1129817432
725297066796
77888278282
816081629806
702646134934
650659523628
882425894001
85298027343
69766489536
322039681036
348877309497
65164939142
410933982984
362581322492
600244249397
31889221462
461723183909
236822495289
96043474614
25136173514
605835963806
140282438903
500671503256
313360778596
1948387491
693410784815
654419247558
538535947715
69275913517
327822998969
655611687861
518336747869
77679147701
134257947149
312665491179
326741977715
335365073143
687664756033
482218654286
863068333295
446190945256
935856438653
556292549662
8697951953
603671166410
664557952371
311297216925
60544435389
426481211832
31912565290
606585302616
210769172112
681011272366
69723493294
644299427410
21863514269
799660325573
96619869611
823981091903
40597007006
433613594526
820916011898
64211741234
28173828102
920921185403
105484028462
594293934752
944936741682
47941788702
625978365209
638398724878
824221812270
458180461556
77390768375
479383819221
944019001371
1010952211
744923004966
718635501739
823430313127
986047882254
640556428171
80043483558
935381779382
61037247638
2199968769
66263691685
804114612699
491068469969
53315923729
72230639509
326421498584
644149214826
206743839862
787953201515
739582999214
39099510195
47947798448
955741026143
85478891572
122547705285
297389346261
49047555156
702166952812
926673888158
635132649371
647258285239
61058927140
84976917690
968326092495
524399862877
965784751313
29749551400
793799258468
872346981782
453950785182
987924197654
542517979691
314593563340
504834857403
22723628655
762815351085
902195817646
897940994635
884819409446
300993872244
843968905789
93311131116
756822457963
775530528023
259985302989
784135119585
985262291851
631513081819
908921382178
450656733962
42157799438
886091404268
3709888440
323965785141
807093074830
350442131921
786751471552
133398263585
47698719622
633120225845
983918156622
32908433214
212255766182
58433428785
605945561470
12422718309
3106624865
49929981798
796559854059
707581608801
453589519863
849481356819
965217423792
315320119444
987832935642
78337414782
264753427037
547066514896
72684766172
213396379343
591036419623
335414975709
102258312262
333553914265
201112587461
361375183655
209639568450
678282607874
7919345724
421784688659
78084334867
67623132825
318295757270
323721343913
817214951503
170229485690
12281087192
28347515458
721768009183
779220888546
471867022460
561373587692
155435973401
772873033922
996188653718
157899539888
377537153931
774358074987
93848218270
83479479796
40116594860
9054736908
407938919217
50705338946
499157696330
796967686736
645238625593
177497475127
92054496859
880131728063
899717167149
5585633907
463360023639
755179873029
520352715157
318468952835
53585217695
335354027996
949569056331
118596051204
982457191138
53936730427
38045338533
963545994905
946453565142
662135933121
3368284531
414984555018
718212099508
43521128047
2555503532
258643019327
163222237901
831490535508
1380369677
824225367917
956336107021
750448925340
456818135
8563226432
5512413010
64607731207
330373625950
776324378429
443526784472
918062846900
38788696819
478046921543
719296538408
508088144794
496653554601
229247463919
744876773290
586930711310
4640254427
846436407533
827187792327
523511042385
61021751774
432968653612
726111539752
463388273500
861766487647
641561552423
224846663682
832346733843
630085608142
927425565167
1683829728
911615692624
182425773637
727575679634
28504910156
297249077443
945669907669
475124073635
558913538892
580266249942
811046006274
669295591001
241426493146
942088662721
36656465300
877058814188
597061567828
5603293701
156126441758
549325545178
986192161257
773812099755
28423105882
870941432478
71581539955
84242260498
439754367045
560369036549
60714486517
875538075620
266617969110
561353418999
779565272705
80545985137
955937209153
947757952255
821231403
906825681257
972390487833
81365086315
87971356887
925929423450
963776359895
126853347459
6626366046
399875534502
12825099487
43368788515
645982955658
443463625091
635271127102
48396981470
193510566705
485049277514
113688882987
71165144783
525320843041
36982115786
724466595884
137318219838
86488139683
936418009345
944369395874
148922413420
887191057409
228360851030
876384155984
3780252233
75352033363
669975166896
698543689014
69676769219
55557487872
559334485739
743498113781
37113504842
942472157154
84474389996
678234818670
7892415524
629278007996
77952246821
328047429999
436121768075
444684543814
880077928853
849437008239
522493926879
691066391783
431921588186
218495796673
82686941729
256087752944
241626214617
353575614455
6140614593
76324311338
83643248172
635879239430
426881842192
599699463312
523464066291
132533025386
981658456131
615211124155
405820597885
46154443631
375235485640
348240696208
822783989742
962316729995
749286579657
2782368459
135412275435
661886825445
650768101213
853385632504
77472317048
435670681604
965623627628
87193723519
31199435580
777441781396
986194045109
234247137583
576168656926
6884562342
455357285791
99675118376
485317326749
397567952437
57043559200
10569265839
16274069477
912553599788
79064762450
517098586908
863823381948
784386081119
981157774296
976110728919
497468701004
947460243924
335772567377
929616069657
814850026541
67422172897
45583607667
795872714375
86524377125
494187266184
55959260230
52482417367
62129554394
675648625132
85934025949
386759933928
841322494945
743779905921
68651654843
593646597635
693114194376
923721949842
890284653035
732650943007
429613237514
465313483287
58555878258
947750074628
205839251710
923080888763
567966743093
362388945743
730376036314
843040784430
132897115871
388274532288
82272581163
232993431764
669517221303
304274292112
528673730
608992149024
689112996549
829496563947
838058211574
921366562184
927574125444
344051966388
86226614328
261754454920
320957314091
935451663792
5147363704
953457195129
561210129951
566288873600
146952267903
415780137233
935422843903
373174938108
229814765907
74348287302
96756740547
408261123168
814379014520
57282361676
535883086247
38970956723
79083434605
605478469410
644379267076
709795871389
752824709300
860557664422
866644829935
862570247591
867085869076
822239114694
671482959650
486037936972
445634161
528142003333
373328522838
45354729937
331674682528
830677379665
322452845738
406935966283
274185662510
245651737825
173517888074
837459553902
160760983959
110668855568
63268338291
211168137488
896643754326
496785277200
989745927239
209183917105
882253087803
144948781648
996675777550
536652235275
33928359236
60976969741
24248824556
23067911067
87879401845
800715043774
11988721625
89761015331
68709732959
219799157367
754324838299
561118322914
537920698390
381842024461
898895723486
78858159254
509618057985
203553613167
761979658374
51319034293
801692854204
520868792855
53310094467
14547041087
41072191343
382078661607
187325291408
781257889935
623664611187
326950305744
585680816911
645624771136
336393831565
532022913717
366024157221
707029892789
100097092295
459685353125
390888951066
575551971274
528767547564
500142042067
682855143052
575294921156
282434703694
44559894409
591718913851
246944778398
264375338678
463059632831
812623544398
50091645758
935393494632
600469433799
423918699610
193757191212
759668141628
625898234747
517241563838
5477463169
751034341033
39519145907
743748625475
6275438538
884491499618
901881947274
196271261707
232352806540
782319302298
897445335158
484322686447
883776494809
567527841332
367236572762
641946694993
622243535036
105773923307
24467145038
634071907817
838769027941
32340942067
532738549919
696616993312
879448729936
97553626114
892361785747
560483935044
528131261260
248182622736
725888838405
762577383345
858646507805
982637388325
864662321296
755298283710
446596088658
235847694996
126612996830
362379665585
13375033682
977296477658
273681579622
323961374661
259690018664
111987403238
249513478990
201639149780
916071439703
769511534668
24670631758
794170771961
909242153607
10017096669
915025415620
429379767924
505707096
868435898136
87665988628
66962883765
340551374550
265478497255
2852131487
48584196172
913442391978
77092829112
275013606509
586223388742
334056683680
499342291741
53098134111
674740699546
985787177880
5630289102
624683924723
48724803155
170680698321
490061468501
8527847943
9223625792
837188424
84546984399
921716171608
230520306214
111841093268
967410982466
15317986273
30619257263
61688482100
243714237034
911855877332
753148263830
92475010607
717974363863
571799207701
41313792194
444195207551
16386643363
192614184590
864026703374
932146778703
635562639004
390897544459
885645359227
281767442314
52143205756
92838257750
555642004569
319132094542
606976353887
256627438396
527786741575
67016083431
554078343405
95081787507
596761164128
67581746104
367246043824
301298062926
788730769657
86052758875
816438196720
42478486578
301021904249
6596623941
711611764861
563828225749
396174873615
41641899206
31687631324
464468472518
106679837597
687215733648
702027305218
217851277644
699747089539
154042209396
463329237130
420310026197
291017173879
99861743402
752999467498
261536482145
778879665793
59083571255
853356874491
704695994999
395142085638
925313793250
735598164909
711877923398
640372798305
890016871375
37772331923
351078538288
181933113371
325447725322
484997687227
597827062006
455114586175
775885546035
755097722382
720064909212
20227912605
493448486657
348334794765
293370231174
35149521489
151771322990
405981857600
159288096384
292920598030
304884738816
660194211073
985277167944
996512129684
903546475574
778023642461
538321031501
582016992324
4794050957
281756917612
316871686838
311467369356
615759867051
997060573912
825697961462
82372139773
465323945565
591271976155
5021945711
196125012846
557449495636
214895201412
125231616028
138699257307
586197868502
561337317149
45264056105
534119381511
544058713125
798357848391
841539954582
48304578077
7992277567
811134775
70966522936
284871492007
528538682551
28228406729
890321178054
421767235179
112863586243
768711791966
22559169789
576175272483
29644352816
572565508738
123340434550
27348535649
935610571807
331299891106
286225076648
4305748035
75065660701
242715803645
384717269753
982739997343
685741919485
660039458662
119033131354
323624143289
995887713214
79831738059
867727145637
208744323825
131115296839
995937354493
977362334594
24546796492
739252805679
808310542427
689255913568
591248694868
339852995047
633063439067
74636989743
417036413964
450414513511
833132807958
84917083324
634244652698
502683786284
436289554345
362322275337
251665666286
34933418107
437823321016
995096808107
110473816597
391066198846
540921966559
58812584506
26294922085
492381559772
798882674473
657411552092
346388967
180062984241
119837591633
938053132154
446197801796
14961623120
915782188013
875198301572
534764004494
617761762886
354759866493
79584262206
161645062252
573319022877
689880561873
378419813251
44339398515
770161697614
999934411992
17365625713
732813883480
51783936512
38075221028
74742197739
685486571207
822771166666
172890435722
562181085127
20514211564
513488834628
204096289298
214642452808
78542707720
67038637345
260898125416
94587345549
453149003950
95127978549
80036255374
28778189462
68059664863
272845818005
78057716225
557630165257
867850156055
76968987015
796613635258
547983279370
377534647477

Some text after the giant table of DOOM.

11.2.4 - Column groups

A test of colgroups and cols
7805771622562256225
7805771622562256225
7805771622562256225
7805771622562256225
7805771622562256225
7805771622562256225
Posted by at No comments:

Monday, March 19, 2007

Section 10 - Lists

10. Lists

10.1

Lists are fun!

10.2 Unordered and ordered lists

Here is an ordered list:

  1. One!
  2. Tow!
  3. Three
  4. Four is really long and should wrap the line in a fun and exciting way that makes me really really happy and want to make the line awesome.

Here is an unordrered list

  • One!
  • Tow!
  • Three
  • Four is really long and should wrap the line in a fun and exciting way that makes me really really happy and want to make the line awesome.

Here is a nested list

  1. One!
  2. Two!
  3. Another list!
    • green!
    • read!
    • yellow

Some interstitial text

  1. Should be four!
  2. should be Five!

10.3 Definition Lists

A whole section full of definition lists!

Definition list
A list full of definitions
Could be used to markup a dialogue in a play. A long play that has big words in it that require wrapping across lines because they're so long they won't fit on one.
Could be used to give details about a central thing. Like I'm doing now.
Cat
A feline
Dog
A canine
List
An ordered list
  1. one!
  2. two!
  3. three!
An unordered list
  • green
  • red
  • yellow
  • a really long line that should wrap in the browser window because of the length of the line which is fun and amazing for me to show
Another def list
Red
The color that is not green or blue.
The color of a fire engine!
Posted by at No comments:

Section 9 - Text

9. Text!

This is a document that uses stuff from section 9 of the HTML 4 spec.

Structured Text

9.2.1 Phrase Elements

This paragraph contains structured text. Structured text includes emphasized text, strong text, dfn's, which are defining instances, a bit of programming code, some sample output, some keyboard entered text, a variable in a program, an abbreviation like abbr. and an acronym like radar.

9.2.2 Quotations

Quotations come in two flavors, inline quotations and block quotations. For instance, Try not. Do... or do not. There is no try. is an inline quote.

A block-level quote looks more like this:

The Dude: Yeah, well. The Dude abides.
The Stranger: The Dude abides. I don't know about you but I take comfort in that. It's good knowin' he's out there. The Dude. Takin' 'er easy for all us sinners.
Shoosh. I sure hope he makes the finals.

9.2.3 Subscripts and Superscripts

This paragraph shows off superscripts and subscripts!

x to the third power can be shown as x3. Water is made from H2O.

9.3 Lines and Paragraphs

9.3.1 Paragraphs

This is a paragraph of text. The following paragraphs are drawn from Lorem Ipsum.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Fusce justo. Aliquam sed velit. Mauris egestas urna non ante. Proin nulla. Phasellus diam. Integer in felis vitae enim porta viverra. Duis nulla. Curabitur nonummy sollicitudin risus. Donec euismod feugiat tellus. Sed pulvinar quam interdum eros. Nulla non diam at est laoreet scelerisque. Suspendisse sagittis justo vitae lacus. Quisque arcu odio, nonummy sed, accumsan in, euismod vitae, tortor. Pellentesque ac diam ut mauris convallis aliquet.

Nam quis lorem. Duis in urna in urna adipiscing bibendum. Suspendisse iaculis nulla id odio. Vestibulum turpis. Vestibulum tortor metus, rutrum id, ornare ut, sollicitudin at, velit. Morbi vitae quam. Pellentesque sed nisl. In hac habitasse platea dictumst. Morbi nibh. Aliquam nec tortor. Nam consectetuer venenatis tellus. Pellentesque rhoncus, massa non sagittis lobortis, ipsum velit feugiat tellus, quis suscipit purus purus et nisl. Vestibulum imperdiet placerat arcu. Proin at mauris a ante lacinia varius.

Fusce a felis sed quam tempus venenatis. Donec laoreet. Nunc eleifend, nulla a ornare pharetra, justo nunc porta nisl, in malesuada pede elit in nibh. Integer justo. Sed a tellus. Fusce molestie ligula at enim. Curabitur cursus, felis sed imperdiet laoreet, pede augue pulvinar metus, at sodales velit leo vulputate lacus. Cras euismod enim eu eros. Mauris vel tortor. In vel ligula id massa adipiscing condimentum. In hac habitasse platea dictumst. Phasellus porta. Aliquam eu nisi. Cras varius magna vitae dolor. Vivamus in arcu. Integer malesuada commodo ligula. Praesent porta, leo nec faucibus dapibus, urna diam adipiscing purus, non bibendum purus tortor eu est. Quisque pulvinar, tellus eu fermentum porta, ante mi tincidunt purus, at congue nunc mauris at ante.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Cras tristique aliquam dolor. Nunc non pede vitae nulla fringilla interdum. Suspendisse a nibh quis odio blandit consequat. Duis ac erat et mi consectetuer iaculis. Cras non metus non sapien vulputate malesuada. Curabitur vitae erat non magna euismod bibendum. Phasellus blandit, eros vitae lobortis tempus, velit magna faucibus erat, nec venenatis orci felis non nisl. Ut in sem.

Ut malesuada risus id mi. Nulla sapien. Aliquam mauris nisl, sollicitudin a, laoreet quis, tincidunt et, risus. Duis venenatis, velit nec hendrerit feugiat, mauris neque faucibus nisl, nec rutrum odio velit vitae nulla. Ut non magna eu turpis accumsan pulvinar. Nunc eleifend semper massa. Quisque et sem a mauris auctor dapibus. Quisque mollis eleifend nisi. Nullam eget mi. In scelerisque mattis ante. Vivamus urna sem, placerat quis, commodo vitae, congue ut, risus. Praesent lacinia condimentum libero. Nullam eget enim. Aenean eu lorem. Nullam molestie. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.

9.3.2 Line Breaks

This line should break
right here.

This line should never break no matter what because all the spaces are &nbsp.

9.3.3 Hyphenation

This line contains some big words with hyphens. A-sentence-chained-together-using-hyphens-just-seems-weird.

Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious Su­per­cal­i­fra­gi­lis­tic­ex­pi­al­i­do­cious

9.3.4 Preformatted text

       Higher still and higher
         From the earth thou springest
       Like a cloud of fire;
         The blue deep thou wingest,
And singing still dost soar, and soaring ever singest.

9.4 Document changes

My favorite colour is blue yel....

Posted by at No comments:
Subscribe to: Posts (Atom)