HTML Tutorial Index: Difference between revisions

From FamilySearch Wiki
mNo edit summary
mNo edit summary
Line 61: Line 61:
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Paragraphs#Paragraph tags|Paragraphs - tags]]</td>
<td>[[Help:Wiki University HTML-- Paragraphs#PARAGRAPH TAGS|Paragraphs - tags]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Changing Fonts#Changing fonts|Fonts - Changing fonts]]</td>
<td>[[Help:Wiki University HTML-- Changing Fonts#CHANGING FONTS|Fonts - Changing fonts]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Paragraphs#Inline styling|Inline styling]]</td>
<td>[[Help:Wiki University HTML-- Paragraphs#INLINE STYLING|Inline styling]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Paragraphs#Attributes|Attributes]]</td>
<td>[[Help:Wiki University HTML-- Paragraphs#ATTRIBUTES|Attributes]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Sizing Fonts#Enlarging fonts|Fonts - Enlarging fonts]]</td>
<td>[[Help:Wiki University HTML-- Sizing Fonts#ENLARGING FONTS|Fonts - Enlarging fonts]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Sizing Fonts#Enlarging Headers|Headers - Enlarging Headers]]</td>
<td>[[Help:Wiki University HTML-- Sizing Fonts#ENLARGING HEADERS|Headers - Enlarging Headers]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Sizing Fonts#Overlapping text|Text - Overlapping text]]</td>
<td>[[Help:Wiki University HTML-- Sizing Fonts#OVERLAPPING TEXT|Text - Overlapping text]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Font Colors#Change font color|Font - color]]</td>
<td>[[Help:Wiki University HTML-- Font Colors#CHANGE FONT COLOR|Font - color]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#Bold words|Text - Bold words]]</td>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#BOLD WORDS|Text - Bold words]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#Italicized words|Text - Italicized words]]</td>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#ITALICIZED WORDS|Text - Italicized words]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#Can use both together|Text - Bold and Italicized together]]</td>
<td>[[Help:Wiki University HTML-- Font Bold-Italics#CAN USE BOTH TOGETHER|Text - Bold and Italicized together]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Multi-attributes#Applying multiple attributes|Multiple attributes]]</td>
<td>[[Help:Wiki University HTML-- Multi-attributes#APPLYING MULTIPLE ATTRIBUTES|Multiple attributes]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Backgrounds#Changing Backgrounds|Backgrounds changing]]</td>
<td>[[Help:Wiki University HTML-- Backgrounds#CHANGING BACKGROUNDS|Backgrounds changing]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Padding#Padding|Padding]]</td>
<td>[[Help:Wiki University HTML-- Padding#PADDING|Padding]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Padding#Padding attribute|Padding attribute]]</td>
<td>[[Help:Wiki University HTML-- Padding#PADDING ATTRIBUTE|Padding attribute]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Padding#Limit padding|Padding - limit padding]]</td>
<td>[[Help:Wiki University HTML-- Padding#LIMIT PADDING|Padding - limit padding]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Div Tag - Introduction#Div tags|Div tags]]</td>
<td>[[Help:Wiki University HTML-- Div Tag - Introduction#DIV TAGS|Div tags]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Div Tag - Introduction#How div tags affect paragraphs|Div  tags and how they affect paragraphs]]</td>
<td>[[Help:Wiki University HTML-- Div Tag - Introduction#HOW DIV TAGS AFFECT PARAGRAPHS|Div  tags and how they affect paragraphs]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Margins#Margins|Margins]]</td>
<td>[[Help:Wiki University HTML-- Margins#MARGINS|Margins]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Margins#Limit margins|Margins - limit ]]</td>
<td>[[Help:Wiki University HTML-- Margins#LIMIT MARGINS|Margins - limit ]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Borders#Borders|Borders]]</td>
<td>[[Help:Wiki University HTML-- Borders#BORDERS|Borders]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Paragraphs#Borders on one, two, three sides|Borders - limit]]</td>
<td>[[Help:Wiki University HTML-- Paragraphs#BORDERS ON ONE, TWO, THREE SIDES|Borders - limit]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Borders#Kinds of border lines|Borders - different kinds]]</td>
<td>[[Help:Wiki University HTML-- Borders#KINDS OF BORDER LINES|Borders - different kinds]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Borders#Border radius|Border - radius]]</td>
<td>[[Help:Wiki University HTML-- Borders#BORDER RADIUS|Border - radius]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Borders#Border shadow|Border - shadow]]</td>
<td>[[Help:Wiki University HTML-- Borders#BORDER SHADOW|Border - shadow]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Borders#Effect of borders on width of element|Borders - effect on width of elements]]</td>
<td>[[Help:Wiki University HTML-- Borders#EFFECT OF BORDERS ON WIDTH OF ELEMENT|Borders - effect on width of elements]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Width and Height#Width|Width]]</td>
<td>[[Help:Wiki University HTML-- Width and Height#WIDTH|Width]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Width and Height#Height|Height]]</td>
<td>[[Help:Wiki University HTML-- Width and Height#HEIGHT|Height]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Width and Height#Width and height used together|Width and height]]</td>
<td>[[Help:Wiki University HTML-- Width and Height#WIDTH AND HEIGHT USED TOGETHER|Width and height]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Alignment#Centering titles|Alignment - centering]]</td>
<td>[[Help:Wiki University HTML-- Alignment#CENTERING TITLES|Alignment - centering]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Alignment#Right or Left|Alignment - right or left]]</td>
<td>[[Help:Wiki University HTML-- Alignment#RIGHT OR LEFT ALIGNMENT|Alignment - right or left]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Alignment#Vertical alignment|Alignment - vertical alignment]]</td>
<td>[[Help:Wiki University HTML-- Alignment#VERTICAL ALIGNMENT|Alignment - vertical alignment]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables#Tables|Tables]]</td>
<td>[[Help:Wiki University HTML-- Tables#TABLES|Tables]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables#Opening and closing tags|Tables - opening and closing tags]]</td>
<td>[[Help:Wiki University HTML-- Tables#OPENING AND CLOSING TAGS|Tables - opening and closing tags]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables#Rows|Tables - rows]]</td>
<td>[[Help:Wiki University HTML-- Tables#ROWS|Tables - rows]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables#Cells|Tables - cells]]</td>
<td>[[Help:Wiki University HTML-- Tables#CELLS|Tables - cells]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables#Tables are many rows of cells|Tables - are many rows of cells]]</td>
<td>[[Help:Wiki University HTML-- Tables#TABLES ARE MANY ROWS OF CELLS|Tables - are many rows of cells]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Borders#Add border attribute in opening table tag|Table - borders]]</td>
<td>[[Help:Wiki University HTML-- Tables - Borders#ADD BORDER ATTRIBUTE IN OPENING TABLE TAG|Table - borders]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Borders#Cell borders|Table - cell borders]]</td>
<td>[[Help:Wiki University HTML-- Tables - Borders#CELL BORDERS|Table - cell borders]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Widths#Table width|Table - width]]</td>
<td>[[Help:Wiki University HTML-- Tables - Widths#TABLE WIDTH|Table - width]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Widths#Cell and column width|Table - cell and column width]]</td>
<td>[[Help:Wiki University HTML-- Tables - Widths#CELL AND COLUMN WIDTH|Table - cell and column width]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Captions#Caption tag|Table - captions]]</td>
<td>[[Help:Wiki University HTML-- Tables - Captions#CAPTIONS TAG|Table - captions]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Column headings#Table column headings|Table - column headings]]</td>
<td>[[Help:Wiki University HTML-- Tables - Column headings#TABLE COLUMN HEADING|Table - column headings]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Cells#Cell separation|Table - cell separation]]</td>
<td>[[Help:Wiki University HTML-- Tables - Cells#CELL SEPARATION|Table - cell separation]]</td>
</tr>
</tr>
<tr>
<tr>
Line 196: Line 196:
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Rows#Changing columns|Table - columns]]</td>
<td>[[Help:Wiki University HTML-- Tables - Rows#CHANGING COLUMNS|Table - columns]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Table placement|Table - default position]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TABLE PLACEMENT|Table - default position]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Tables to the right|Tables - text wrapping on left]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TABLE TO THE RIGHT|Tables - text wrapping on left]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Text wrapping - right side of table|Tables - text warpping on right]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TEXT WRAPPING - RIGHT SIDE OF TABLE|Tables - text warpping on right]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#No wrapping|Wrapping - no text wrapping]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#NO WRAPPING|Wrapping - no text wrapping]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Tables in the middle|Table - middle of page]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TABLES IN THE MIDDLE|Table - middle of page]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Text wrapping - right side of table|Text - wrapping on right]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TEXT WRAPPING - RIGHT SIDE OF TABLE|Text - wrapping on right]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#No wrapping|Text - no wrapping]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#NO WRAPPING|Text - no wrapping]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Placement#Text wrapping - left side of table|Text - wrapping left side]]</td>
<td>[[Help:Wiki University HTML-- Tables - Placement#TEXT WRAPPING - LEFT SIDE OF TABLE|Text - wrapping left side]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Sorting#Table sorting|Table - sortable]]</td>
<td>[[Help:Wiki University HTML-- Tables - Sorting#TABLE SORTING|Table - sortable]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Scrolling#Horizontal scroll bars|Table - scrolling horizontal]]</td>
<td>[[Help:Wiki University HTML-- Tables - Scrolling#HORIZONTAL SCROLL BARS|Table - scrolling horizontal]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Scrolling##Horizontal scroll bars|Scrolling - horizontal]]</td>
<td>[[Help:Wiki University HTML-- Tables - Scrolling#HORIZONTAL SCROLL BARS|Scrolling - horizontal]]</td>
</tr>
</tr>
<tr>
<tr>
<td>[[Help:Wiki University HTML-- Tables - Scrolling#Vertical scroll bar|Scrolling - vertical]]</td>
<td>[[Help:Wiki University HTML-- Tables - Scrolling#VERTICAL SCROLL BAR|Scrolling - vertical]]</td>
</tr>
</tr>
<tr>
<tr>

Revision as of 09:14, 14 October 2015

Back to HTML Tutorial
Click on sort button to alphabetize
HTML - What is it
CSS - What is Cascading Style Sheets
Monitors - Second Monitor is handy
Monitors - Splitting your screen
Headers
Headers - different sizes
Headers - Wiki code
Headers - Uses
Edit Boxes
Lists
Lists - Unordered
Lists - Ordered
Lists - Nesting Lists
Lists - Nesting unordered lists
Lists - Nesting ordered lists
Comments
Comments - You can never have too many comments
Text - How text loads on a page
Paragraphs - Brake tags to separate paragraphs
Paragraphs - tags
Fonts - Changing fonts
Inline styling
Attributes
Fonts - Enlarging fonts
Headers - Enlarging Headers
Text - Overlapping text
Font - color
Text - Bold words
Text - Italicized words
Text - Bold and Italicized together
Multiple attributes
Backgrounds changing
Padding
Padding attribute
Padding - limit padding
Div tags
Div tags and how they affect paragraphs
Margins
Margins - limit
Borders
Borders - limit
Borders - different kinds
Border - radius
Border - shadow
Borders - effect on width of elements
Width
Height
Width and height
Alignment - centering
Alignment - right or left
Alignment - vertical alignment
Tables
Tables - opening and closing tags
Tables - rows
Tables - cells
Tables - are many rows of cells
Table - borders
Table - cell borders
Table - width
Table - cell and column width
Table - captions
Table - column headings
Table - cell separation
Table - rows
Table - columns
Table - default position
Tables - text wrapping on left
Tables - text warpping on right
Wrapping - no text wrapping
Table - middle of page
Text - wrapping on right
Text - no wrapping
Text - wrapping left side
Table - sortable
Table - scrolling horizontal
Scrolling - horizontal
Scrolling - vertical
Table - scrolling vertical
Table - columns only
Table - span columns
Table - span rows
Infoboxes
Inforbox - how to create
Infobox - Parameters
Parameters
Infobox - how to create parameters
Parameters - rename
Infoboxes - rename parameters
Infoboxes - place on a page
Infoboxes - editing
If functions
Sidebars - create
Sidebars - adding news and events
Sidebars - saving
Sidebars - placing
Navbox
Navbox - create
Navbox - saving
Navbox - placing
Tabs
Positioning - relative
Position relative - main use
Position absolute
Position absolute - placing
Position absolute - placing INSIDE relative positioning
Wikitext - Cheatsheet
PAGENAME
Horizontal lines
Control F
Key board shortcuts
Nowiki
Noinclude
Shapes - Circles, Squares, Triangles, etc
Bullets - styles
T ----------------
A ----------------
B ----------------
C ----------------
D ----------------
E ----------------
F ----------------
H ----------------
I -----------------
L -----------------
M -----------------
N -----------------
P -----------------
S -----------------
W -----------------