Use this link to generate tables,
http://www.tablesgenerator.com/markdown_tables
Create table in Spreadsheet
Copy and paste into Table Generator
Generate and copy to clipboard
Paste into a Markdown subwindow
2017-18 Officers | |
---|---|
President | Patsy Grider |
1st VP Programs | Nancy Hadaway |
2nd VP Hostess | Kristin Chatila & Mary Hauk |
3rd VP Membership | Ann Codlin |
Secretary | Bridget Davis |
Treasurer | Linda Helsper |
Newsletter | Hannah Lee Duffy & Sandra Hearnsberger |
Bardin Median | Chris Phenix |
West Garden | Carol Hatfield, Carolyn Hammonds, Cory Coons |
Door Prize | Lorraine Crutchfield |
Sunshine | Karen Ellen Anderson |
Crime Watch | Susan Watkins |
Progressive Dinner | Sue Brown /Diane Poteet |
Bows & Garland | Shiela Shallcross & Stephanie Wakefield |
Summer BBQ | -- OPEN -- |
Markdown Guides
*emphasis* or _emphasis_ (e.g., italics)
**strong emphasis** or __strong emphasis__ (e.g., boldface)
Some text with `some code` inside,
**Lists**
* An item in a bulleted (unordered) list
* A subitem, indented with 4 spaces
* Another item in a bulleted list
Headings
# First-level heading
## 2nd-level heading
### 3rd-level heading
#### Fourth-level heading
Paragraphs
This is a paragraph. It has two sentences.
This is another paragraph. It also has
two sentences.
Line return
Line breaks inserted in the text are removed from the final result: the web browser is in charge of breaking lines depending on the available space.
To force a line break, insert two spaces at the end of the line.
Links
[link text here](link.address.here)
[Markdown](http://en.wikipedia.com/wiki/Markdown)
Images

Or
![Alt text][id]
[id]: url/to/image "Optional title attribute"
Horz Lines
Any will produce horiz line
* * *
***
*****
- - -
---------------------------------------
HTML Code Snippets
Add Red Caution
<span style="font:20px Verdana; serif; font-weight:bold; color:#FF0000;">
_Notice: Registration closes July 21 !!_ </span>
<em>Notice: Registration closes July 21 !! </em></span>
Another Add Color
> Example: (replace left star brackets with the correct left html bracket....)
<span style="color:red; font:24px arial; ">WGC Meetings cancelled until further notice due to Covid19</span>
Another
http://www.quackit.com/html/codes/html_text_color_code.cfm
<p>Normal text colors
<h3 span style="color:red"> Red text color1-h3 </span >
<h2 span style="color:green; background-color:yellow"> Green text color-h2 </span >
<h1 span style="color:red"> Red text color-h1 </span >
<p>
normal text color
<p>
<h3 span style="background-color:yellow">Yellow background color </span>
<h3 span style="background-color:white">white background color </span>
<p>
<p> Normal text color different text color normal text color different background color </span>
<p>
http://code.squarespace.com/htmlg
Border Color
<h3 span style="border:3px blue solid;"color:red"> HTML Colors</h3>
<p>
< span style="color:red"> HTML Colors </span> <p>
Code Snippets
Example: Set a width of 500px for all journal images.
.journal-entry-text .body img { width: 500px; height:auto; }
Example: Add images within the footer section of your site.
<img src="/storage/yourimage.jpg" />
Example: Change the style of bullets within lists from disc to square.
Note: other possible list style types you can use: disc; circle; square; decimal; lower-roman; upper-roman; lower-alpha; upper-alpha; none.
.link-group-list li ul li { list-style-type: square; }
Example: Put borders around images using colors and styles of your choice.
Note: You can use dotted, dashed or solid borders and change pixel size and border color to your preference.
/*Put a border around every image in your site including sidebar images. */
img {border: 5px solid #cccccc;}
/*Put a border around images within the page body content only */
.body img {border: 5px solid #333333;}
/* Put a border around images only on specific pages */
#modulePage1234567 .body img {border: 5px solid #666666;}