FamilySearch Wikitext Inline Styling
Inline styling
Lets look closely at the inline style code and break it down into pieces.
- Space after the p.
- Next the word "style"
- Followed by an equal sign =.
- Then a quotation mark ".
- The item to be changed or property. In this case "font-family."
- A colon :.
- What change you want to make for the property or what value you want the property to now have. In this case change the font to "times new roman."
- Add another quotation mark ". You cannot leave out any of the quotation marks. The coding will not process if any of them are missing.
Study the coding again and impress it in your minds. You will be using it over and over again. <p style="font-family:times new roman"> The number of attributes you can put into a tag is unlimited.
Attributes
Let's take a minute to explain attributes.
- Attributes give character to elements.
- If we want to change how an element looks on the page, we install an attribute.
- Attributes are made up of two parts: property and value separated by a colon.
- property:value
- Property gives the name of the attribute we want to install.
- Value states what the attribute will look like such as bold, large, color, etc.
To perhaps to make the concept of attributes with their properties and values more clear, let's use more familiar terms. To describe a person we might state their physical attributes in the property:value form like so:
- eyecolor:blue or hair:none or height:six feet
If these three attributes were put in a <description> tag our element would look like this:
- <description style="eyecolor:blue; hair:none; height:six feet"></description>
- Referring back to the border we created for our table, notice that the value in our border attribute has three parts:
- 1px this tells the thickness of the line.
- solid this tells the character of the line. It could be dashed, dotted, doubled, etc.
- black this tells the color of the border.
- There is no punctuation between these values, only spaces.