Interface administrators, Administrators (Semantic MediaWiki), Curators (Semantic MediaWiki), Editors (Semantic MediaWiki)
82,369
edits
m
→Inline styling
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 =. #...") |
m (→Inline styling) |
||
| Line 18: | Line 18: | ||
| style="vertical-align:top" | ''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.'' | | style="vertical-align:top" | ''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.'' | ||
|} | |} | ||
---- | |||
=== 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">></description></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. | |||
---- | ---- | ||