Free Republic
Browse · Search
News/Activism
Topics · Post Article

To: cuban leaf; All
I'm PostingTo Posting A Picture Or Graphic Here At Good 'ol FR. It Is A Very Good, Easy To Understand Tutorial


(Repost)

Here's the quick Freeper HTML rundown:

(In all cases remove the space between the < and the following character)

Basic formatting:

Line break < br>
Paragraph break < p>
< u> underline < /u>
< i> italics < /i>
< b> bold < /b>
< font color=red> Red font < /font>
< blink> blink < /blink>

Posting a link:

General:
< a href=[web address]>[title]< /a>
Example:
This: < a href=http://www.freerepublic.com/focus/f-news/1179145/posts>Iran starts atom tests in defiance of EU deal< /a>
Posts as this:
Iran starts atom tests in defiance of EU deal

Posting an image:

General:
< img src="[web server location">

Example:
This: < img src="http://www.jeremywilder.com/images/teddy.jpg">

Posts this:



Tip: control the size with "height=nnn" like so:

This: < img height= 300 src="http://www.jeremywilder.com/images/teddy.jpg">
Posts this:

While This: < img height= 100 src="http://www.jeremywilder.com/images/teddy.jpg">
Posts this:


For Detailed Information I highly Recommend

59 posted on 05/13/2015 11:19:31 AM PDT by Fiddlstix (Warning! This Is A Subliminal Tagline! Read it at your own risk!(Presented by TagLines R US))
[ Post Reply | Private Reply | To 34 | View Replies ]


To: Fiddlstix
I stopped working on my Freeper homepage when I finished documenting what could be done with the HTML 4.2 idiom (what works on FR). More recent work describes CSS (Cascading Style Sheets) which are now the preferred container for formatting information. Additionally HTML5, JavaScript and SQL (databases) are more fully explored.

With the proliferation of display devices, screens now come in a wide variety of sizes and aspect ratios. The image below illustrates the range of screens possible. Differing aspect ratios are shown on the diagonal lines with the ratio in circles towards the lower right.

Given the wide variation in screen resolution and size when we step from mobi to fondleslab to display to HDTV it is lunacy to specify screen position in term of pixels. There is no way to know what sized screen you are imaging to so it is best to reference screen sizes and positions in percentages instead. The resulting size is the percentage of the width (or height) of the enclosing container. This is most useful when specifying positions and sizes of tables and images. The HTML for the image above looks like:

<img src="http://upload.wikimedia.org/wikipedia/commons/4/44/Vector_Video_Standards5.svg" width="95%">

The width="95%" part sets the image width to 95% of the width of the enclosing container. We leave the height unspecified so that the computer will figure out the correct value so as not to distort the image. If you wish to distort the image you may specify a height as well.

Things that are text related, such as the whitespace around a paragraph or header and text sizes are best specified in em. One em was originally the width of an M in the current font. In a multi-lingual world where not all alphabets have an M in them, the meaning has evolved to mean the height of the current font. As the user changes the magnification on a page the size of an em changes with it. This produces a pleasing scaled effect to the eye not possible when spacing objects in pixels.

Other unit values available are in inch, cm centimeter, mm millimeter, ex x-height of a font (x-height is usually about half the font-size), pt point - 1/72 of an inch, pc pica - 12 points and px pixels - a single dot on the screen. If no units are specified pixels are used by default. Best results across the broad spectrum of displays are achieved by exclusively using em and percent to specify size and distance. Try not to do anything else.

Freedom ≠ Free Stuff☭
I, for one, welcome our new Cybernetic Overlords /.
Mash Dobbshead® for HTML, bop Hello_Cthlhu for XAMPP

62 posted on 05/13/2015 11:31:49 AM PDT by Mycroft Holmes (The fool is always greater than the proof.)
[ Post Reply | Private Reply | To 59 | View Replies ]

Free Republic
Browse · Search
News/Activism
Topics · Post Article


FreeRepublic, LLC, PO BOX 9771, FRESNO, CA 93794
FreeRepublic.com is powered by software copyright 2000-2008 John Robinson