Help:Wiki University HTML-- Tutorial

From FamilySearch Wiki
Jump to: navigation, search
HTML WIKI WIKI MISSIONARY WIKITEXT VISUAL EDITOR

Chapters
1. HOME
2. Introduction
3. Headers
4. Lists
5. Nesting Lists
6. Comments
7. Paragraphs
8. Fonts - Changing
9. Font Size
10. Font Colors
11. Font Bold-Italics
12. Multi-attributes
13. Backgrounds
14. Padding
15. Div Tag - Intro
16. Margins
17. Borders
18. Width and Height
19. Alignment
20. Tables
21. Tables - Borders
22. Tables - Widths
23. Tables - Captions
24. Tables - Col Labels
25. Tables - Cells
26. Tables - Rows
27. Tables - Placement
28. Tables - Sorting
29. Tables - Scrolling
30. Tables - Col Only
31. Tables - Col Spans
32. Tables - Row Spans
33. Infobox - Creating
34. Infobox - Placing
35. Infobox - If function
36. Sidebars
37. Navboxes
38. Position - Relative
39. Position - Absolute
40. Tabs
41. Misc
Flexbox
37. Flexbox Training




LESSON STRUCTURE

Lessons2.png
  • This is a set of short lessons designed to teach you the fundamentals of the HTML programming language.
  • The lessons are designed to help you learn in small, easy to digest bites.
  • The Exercises and Quick Quiz are at the end of each lesson. They are designed to give you some experience at using HTML programming language and teach you additional information through questions. Please do not pass them up.
  • The left side bar links to topics covered in this course. You can use this as an index to help you find a particular topic covered in these chapters.

WHAT IS HTML?

HTML.jpg
  • HTML stands for Hyper Text Markup Language.
  • It is the underlying language of all the internet.
  • All web sites are constructed using HTML or its progenitors such as JavaScript, jQuery, etc.
  • To give some character to the sites, CSS or Cascading Style Sheets is added.

Html7.jpg

Wikitext is a scaled down or simplified version of HTML, designed to help beginners to wiki type web sites to be able to add material, edit or create new pages. Wikitext is useless for creating Websites, but HTML can be used in the Wiki, or at least some of it can.

CSS - CASCADING STYLE SHEETS

Css.jpg

These are a series of codes which can add a little character to a page such as borders and background colors. CSS basically controls how a page will look to our patrons.

HTML and WIKITEXT

Because FamilySearch Wiki will often switch HTML coding for Wikitext, we are going to display them side by side for the topics we will cover. You will see the difference between the two codes.

HTML Wikitext

TRY THESE OUT . . . . .

Tests.gif
Quick Quiz
  • What is CSS?
A. Code to give character to wiki pages
B. Change color of text
C. Add background color to text
D. All of the above
  • What is HTML?
A. Stands for Hyper Text Markdown Language
B. Language for all of the Internet
C. Created from wikitext
D. All of the above
  • What is the left sidebar for?
A. List of topics covered.
B. Index of topics covered.
C. Link to chapters of the topics.
D. All of the above.