Kmmarshall/sandbox/wikitext advanced homework1-6: Difference between revisions

From FamilySearch Wiki
VisualWikitext
(homework practice)
(homework practice)
Line 1: Line 1:
Ch. 1
'''Ch. 1 Tables Borders'''


{| style="border:15px ridge cornsilk"
{| style="border:15px ridge cornsilk"
Line 75: Line 75:




Ch. 2 Width
'''Ch. 2 Tables Width'''


With our above table place a green border, "inset" style and 25 pixels wide.
With our above table place a green border, "inset" style and 25 pixels wide.
Line 106: Line 106:




Ch. 3 Widths
'''Ch. 3 Tables Widths'''


With our above table place a orange border, "outset" style and 25 pixels thick.
With our above table place a orange border, "outset" style and 25 pixels thick.
Line 142: Line 142:
|}
|}


Note: Didn't get the margin-bottom instruction.
Note: Experiment with the margin-bottom instruction.






Ch. 4 Captions
'''Ch. 4 Tables Captions'''


With our above table place a orange border, "outset" style and 25 pixels thick.
With our above table place a orange border, "outset" style and 25 pixels thick.
Line 159: Line 159:


{| style="border:10px dashed orange; width:500px"
{| style="border:10px dashed orange; width:500px"
|+ style="font-size:28pt; text-align:center; margin-bottom:20px; font-family:times new roman" | Healthy Foods
|+ style="font-family:Curlz MT; font-size:28pt; text-align:center; margin-bottom:20px" | Healthy Foods
|-
|-
! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Fruits
! style="border:1px solid blue; text-align:center; width:25%; background-color:lightblue; " |Fruits
Line 186: Line 186:
| Buckwheat
| Buckwheat
|}
|}
'''Note'''
Semi-colon and space are unnecessary at end of style coding before ".
{| style="border:5px dotted green; width:300px"
|+ style="font-family:Comic Sans MS; font-size:28pt; text-align:center; margin-bottom:20px" | Healthy Foods
|-
! style="border:1px solid blue; text-align:right; width:25%; background-color:lightgreen" |Fruits
! style="border:1px solid blue; text-align:right; width:25%; background-color:lightgreen" |Vegetable
! style="border:1px solid blue; text-align:right; width:25%; background-color:lightgreen" |Nuts
! style="border:1px solid blue; text-align:right; width:25%; background-color:lightgreen" |Grains
|-
| Apples
| Peas
| Peanuts
| Wheat
|-
| Pears
| Carrots
| Walnuts
| Oats
|-
| Cherries
| Corn
| Cashews
| Barley
|-
| Oranges
| Beans
| Almonds
| Buckwheat
|}
'''Notes'''
*Font changes at the beginning (i.e. the title/caption) do not apply for the rest of the table. Only what's on that line.<br>
*Alignment commands in the column headings do not apply to the columns as well. Different from word processing commands that apply until changed.
*Must remember that column widths adjust to the length of the longest word in a column by default, unless coded otherwise. Makes for unattractive, uneven columns.
<p style="color:red">''Inquire what is "Parser profiling data:"''</p>
'''Ch. 5 Tables Cells'''
'''Ch. 6 Tables Rows'''

Revision as of 09:32, 20 September 2017

Ch. 1 Tables Borders

Strawberries Broccoli Almonds Quinoa
Plums Corn Walnuts Oats
Cherries Peas Cashews Rice
Grapes Carrots Peanuts Rye


Strawberries Broccoli Almonds Quinoa
Plums Corn Walnuts Oats
Cherries Peas Cashews Rice
Grapes Carrots Peanuts Rye


Strawberries Broccoli Almonds Quinoa
Plums Corn Walnuts Oats
Cherries Peas Cashews Rice
Grapes Carrots Peanuts Rye


Ch. 2 Tables Width

With our above table place a green border, "inset" style and 25 pixels wide. Make the table 90% in width. Next place a 1 pixel green border around the cells in the first row. Make the first column 35 percent width, the second 15%, the third 25% and let the last column determine its own width.

Strawberries Broccoli Almonds Quinoa
Plums Corn Walnuts Oats
Cherries Peas Cashews Rice
Grapes Carrots Peanuts Rye


Ch. 3 Tables Widths

With our above table place a orange border, "outset" style and 25 pixels thick. Make the table 85% in width. Next place a orange border around the cells in the first column. Make the columns the same width. Install our Healthy Foods caption; Font - Curlz MT Font - 28pt Center caption 20 pixel space between caption and top of table

Healthy Foods
Apples Peas Peanuts Wheat
Pears Carrots Walnuts Oats
Cherries Corn Cashews Barley
Oranges Beans Almonds Buckwheat

Note: Experiment with the margin-bottom instruction.


Ch. 4 Tables Captions

With our above table place a orange border, "outset" style and 25 pixels thick. Make the table 85% in width. Next place a border around the cells in the first column. Make all the columns the same width. Install our Healthy Foods caption; Font - Curtz MT Font - 28pt Center caption 20 pixel space between caption and top of table

Healthy Foods
Fruits Vegetable Nuts Grains
Apples Peas Peanuts Wheat
Pears Carrots Walnuts Oats
Cherries Corn Cashews Barley
Oranges Beans Almonds Buckwheat


Note Semi-colon and space are unnecessary at end of style coding before ".


Healthy Foods
Fruits Vegetable Nuts Grains
Apples Peas Peanuts Wheat
Pears Carrots Walnuts Oats
Cherries Corn Cashews Barley
Oranges Beans Almonds Buckwheat


Notes

  • Font changes at the beginning (i.e. the title/caption) do not apply for the rest of the table. Only what's on that line.
  • Alignment commands in the column headings do not apply to the columns as well. Different from word processing commands that apply until changed.
  • Must remember that column widths adjust to the length of the longest word in a column by default, unless coded otherwise. Makes for unattractive, uneven columns.

Inquire what is "Parser profiling data:"


Ch. 5 Tables Cells



Ch. 6 Tables Rows

Retrieved from "https://integration-ru.familysearch.org/en/wiki/index.php?title=Kmmarshall/sandbox/wikitext_advanced_homework1-6&oldid=2992522"