FamilySearch Wikitext Inline Styling: Difference between revisions

From FamilySearch Wiki
VisualWikitext
m (Text replacement - "\<p(.*?)\>(.*?)\<\/p>" to "<span$1>$2</span>")
m (Created page with "====Inline styling==== <p>Lets look closely at the inline style code and break it down into pieces.</p> #Space after the p. #Next the word "style" #Followed by an equal sign =. #...")
(3 intermediate revisions by 3 users not shown)
Line 1: Line 1:
====Inline styling====
====Inline styling====
<span>Lets look closely at the inline style code and break it down into pieces.</span>
<p>Lets look closely at the inline style code and break it down into pieces.</p>
#Space after the p.
#Space after the p.
#Next the word "style"
#Next the word "style"
Line 9: Line 9:
#What change you want to make for the <font color="red">property</font color> or what <font color="red">value</font color> you want the property to now have.  In this case change the font to "times new roman."
#What change you want to make for the <font color="red">property</font color> or what <font color="red">value</font color> 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.
#Add another quotation mark ".  You cannot leave out any of the quotation marks.  The coding will not process if any of them are missing.
<span>Study the coding again and impress it in your minds.  You will be using it over and over again.</span>
<p>Study the coding again and impress it in your minds.  You will be using it over and over again.</p>
<p <font color="red"><nowiki>style="font-family:times new roman"</nowiki></font color>>
<p <font color="red"><nowiki>style="font-family:times new roman"</nowiki></font color>>
<span><i>The number of attributes you can put into a tag is unlimited.</i></span>
<p><i>The number of attributes you can put into a tag is unlimited.</i></p>


{|
{|
Line 19: Line 19:
|}
|}
----
----
=== Attributes  ===
Let's take a minute to explain <font color="red">attributes</font>.
*<font color="red">Attributes</font> give character to elements.
*If we want to change how an element looks on the page, we install an attribute.
*<font color="red">Attributes</font> are made up of two parts: '''<font color="red">property</font>''' and '''<font color="red">value</font>''' separated by a colon.
::<font color="red">property:value</font>
*<font color="red">Property</font> gives the name of the <font color="red">attribute</font> we want to install.
*<font color="red">Value</font> states what the <font color="red">attribute</font> 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:
::<font color="red">eyecolor:blue</font> or <font color="red">hair:none</font> or <font color="red">height:six feet</font>
If these three attributes were put in a <font color="green"><nowiki><description></nowiki></font> tag our element would look like this:
::<font color="green"><nowiki><description</nowiki></font> <font color="blue">style=</font><font color="red">"eyecolor:blue; hair:none; height:six feet"</font><font color="green">&gt;&lt;/description&gt;</font>
*Referring back to the border we created for our table, notice that the <font color="red">value</font> in our border attribute has three parts:
:*<font color="red">1px</font> this tells the thickness of the line.
:*<font color="red">solid</font> this tells the character of the line. It could be dashed, dotted, doubled, etc.
:*<font color="red">black</font> this tells the color of the border.
:*There is no punctuation between these values, only spaces.
----
[[Category:Lesson Archives]]

Revision as of 10:23, 16 May 2015

Inline styling[edit | edit source]

Lets look closely at the inline style code and break it down into pieces.

  1. Space after the p.
  2. Next the word "style"
  3. Followed by an equal sign =.
  4. Then a quotation mark ".
  5. The item to be changed or property. In this case "font-family."
  6. A colon :.
  7. 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."
  8. 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.

Tip Post it Pin.png Be sure all these symbols and parts of the coding are present. Your code will not execute even if one itty bitty, tinie wheenie little item is missing. There is no forgiveness in this life or the next one to a computer! They do not read minds and only process what they see. Leaving out a colon, a quotation mark, a semi-colon or misspelling a word will cause the computer to give you who knows what. This will probably be the biggest problem you'll face in programming, that is, leaving out some small item and having great deal of trouble trying find it.
Retrieved from "https://integration-ru.familysearch.org/en/wiki/index.php?title=FamilySearch_Wikitext_Inline_Styling&oldid=2200015"