Free Republic
Browse · Search
General/Chat
Topics · Post Article

Skip to comments.

HTML SANDBOX 2021

Posted on 10/01/2021 7:31:09 AM PDT by Hebrews 11:6


HTML SANDBOX 2021

We are so blessed by Jim and John Robinson, and by God through them, with this marvelous website. FreeRepublic has many capabilities you can use to refine your posts, to make your points more emphatically and dramatically.

Many posters have given us previous versions of this Sandbox, but since the most recent was in 2016, it's now well past time for another.

"HTML" is Hyper Text Markup Language, which can make your typing-text fancier and more useful. You supply invisible commands to produce remarkable effects. These commands are encased in left and right carets, like this: <command>.*

Before beginning, ALWAYS remember The Three Rules of HTML Posting:

1. PREVIEW! 2. PREVIEW! 3. PREVIEW!



CONTENTS
1. TEXT
2. FONTS
3. TEXT BLOCKS
4. LINKS/PICTURES/VIDEOS
5. TABLES


1. TEXT

Here are basic ON and OFF commands—note that each must be terminated with </command>.

Feature
What You Type
Result
BOLD
<B>my text</B>
my text
UNDERLINE
<U>my text</U>
my text
ITALIC
<i>my text</i>
my text
STRIKE
<S>my text</S>
my text
SUPERSCRIPT
<SUP>my text</SUP>
my text
SUBSCRIPT
<SUB>my text</SUB>
my text
You can combine these as you wish:
<B><U><I>my text</B></U></I> = my text


2. FONTS

A. FONT SIZES

We can choose from 7 sizes, 1-7:

<font size=1>my text</font> = my text
<font size=4>my text</font> = my text
<font size=7>my text</font> = my text
Special trick if you want text even tinier than Size 1: use Superscript, or Subscript; it wont align with adjacent text, but that won't matter if you give it its own line, like this.

B. FONT COLORS
We can choose from many, many colors.
The ON-OFF command is

<font color=my choice>my text</font color=my choice>

To choose a color, you have two options:

1. type in a common color name, like Red or Blue:
<font color=red>mytext</font color=red> = my text

OR

2. visit one of these websites, for a much larger variety:
HTML Color Codes
HTML Color Names
Either type in the color name or the code:
<font color=#01DF01>mytext</font color> = my text
If you plan on using these sites, I suggest you bookmark them NOW!


C. FONT FACES
We can choose from many, many font-faces. Here are several examples:
<font face=Broadway>My Text</font face=Broadway>=My Text

<font face=Chiller>My Text</font face=Chiller> = My Text

ALSO: Arial, Cooper Black, Courier, Forte, Georgia, Helvetica, Impact, Jokerman, Magneto, Mistral, Playbill, STENCIL

If you don't see what you want here, enter a Font Name from your Word Processor and then Preview to see if FR supports it.

3. TEXT BLOCKS

A. LINES

To force a new line, use the BREAK command: <BR>
Then, you'll be down here. All your active commands are unaffected.
To insert multiple lines, use multiple <BR>s.


B. PARAGRAPHS
To force a new line PLUS a blank line, use the PARAGRAPH command: <P>

Then, you'll be down here. Some active commands are terminated.


C. INDENTING
Four times already in this document I've indented blocks of text, using the <blockquote> command. Of course, its terminator is </blockquote>. I'll use it again here while I mention some fine-points:

1. Be aware that Blockquote also indents the Right margin.
2. You can use multiple Blockquotes simultaneously to narrow the text even more.
3. Don't forget to terminate your Blockquote(s).

D. CENTERING
To center your text: <center>my text</center>.


E. NUMBERING
To create a numbered list:
<OL>
<LI>first term
<LI>second term
<LI>third term
</OL>
Yields:
  1. first term
  2. second term
  3. third term


F. BULLETING
To create a bulleted list:
<UL>
<LI>first term
<LI>second term
<LI>third term
</UL>
Yields:
  • first term
  • second term
  • third term


G. SEPARATING
To separate blocks of text, install a Horizontal Rule, at the width, size (height) and alignment you specify:
<hr width="25%"> yields


<hr width="75%"> yields


Specify different heights (in pixels, not %) and alignment (left or center):
<hr width="50%" size="10" align="left"> yields


Fill in (with grey only) using NOSHADE:
<hr width="50%" size="10" NOSHADE> yields



4. LINKS, PICTURES & VIDEOS

A. LINKS

You can easily provide a link to another website. To do that, first copy that site's address, called its URL (Universal Resource Locater). The URL is that https//: address at the top of that site's window in your browser. (Whatever you link to must be a live internet site—sorry, you cannot link to your computer.)

Here is the link command:

<a href="URL">my text</a>

Your text is however you want to label your link—usually that website's name, but you're free to label it as you wish. Here is an example: I'll link to Bible Gateway's site, but I'll give it a different label.

<a href="https://www.biblegateway.com/passage/?search=Genesis+1&version=NIV">God's Good News</a>

which yields God's Good News


B. PICTURES
Posting pictures could not be any easier! (But, as for links, the picture must be somewhere on the internet, not on your hard drive. Image hosting sites can solve this for you.)

Here is the picture command:

<img src="Image Link"/>

Doesn't that look easy? There are just two minor things to keep in mind:

1. Right-click on the picture, click on "Copy Image Link", and then paste it into your command!
(Firefox and MS Edge call it "Image Link", but Brave calls it "image address".)

2. You will want to control your picture's width, as a percentage of the screen's width. Here's how:

To add a Width limit: <img src="Image Link" width="x%"/>

Here is Mount Rushmore:

<img src="https://a57.foxnews.com/a57.foxnews.com/static.foxnews.com/foxnews.com/content/uploads/2020/01/640/320/1862/1048/MountRushmore1.jpg?ve=1&tl=1?ve=1&tl=1" width="30%"/>

which yields



Now, let's increase it from 30% to 80%--and let's center it:



C. VIDEOS
Sorry, FR does not support embedding videos. The best we have are GIFs, those short videos which last several seconds and then repeat endlessly.


5. TABLES
FIRST, let's look at two exquisite examples:

This first example shows the traditional use of tables: displaying organized data. Obviously, it is a masterpiece.

This second example shows tables being used to achieve a stunning artistic effect. The poster has embedded tables within other tables and added text and pictures.

Did you notice above when I put two columns of text (E & F) side-by-side? That was a rudimentary table. The reason it does not look like a table is that I did not give it a border.

I don't really have anything to add to the 2016 Sandbox's discussion on tables. I just wanted you to know that tables can do more than merely presenting facts and figures, so I'll leave it at that.

By the way, that excellent Sandbox also discusses Footnotes extensively.

Finally, ALWAYS remember The Three Rules of HTML Posting:

1. PREVIEW! 2. PREVIEW! 3. PREVIEW!

(Yep, this is another table.)





* Throughout this document, I've used a special trick, which you should never need to use; but you'll wonder how I did it if I don't explain it. It involves the dozens of left-and right-carets (< and >) I showed.

If I were simply to type < and >, you would not see them, because HTML makes them invisible. So instead, I typed & lt; and & gt; WITHOUT THE SPACE AFTER THE &. Then, they become math symbols: "less than", lt, and "greater than", gt—and now HTML ignores them.

That leads to another point you may well use. I wondered how the previous Sandbox poster was able to show carets, so I investigated. While on the page I right-clicked and then clicked on "View Page Source." (I'm using Firefox, and your browser may use a different term.) Once I arrived at the Source, I navigated around until I saw how it was done. I've used that method previously to learn from others; in fact, that's how I learned about Tables.



TOPICS: Computers/Internet; Reference
KEYWORDS: 2021; freerepublic; html; htmlsandbox; nlz; sandbox
Navigation: use the links below to view more comments.
first previous 1-20 ... 241-260261-280281-300301-319 last
To: daniel1212

Thanks, Daniel! Unhappily, the links no longer work.


301 posted on 10/02/2024 10:58:40 AM PDT by Hebrews 11:6 (“It is better to take refuge in the LORD than to trust in man.” Psalm 118:8)
[ Post Reply | Private Reply | To 300 | View Replies]

To: Hebrews 11:6
Thanks, Daniel! Unhappily, the links no longer work.

S i now see. I have the x.pi for the FR Posting Form Enhancer but how to share it? Or try:

https://greasyfork.org/en/scripts/4726-fr-posting-form-enhancer

302 posted on 10/02/2024 8:12:58 PM PDT by daniel1212 (Turn 2 the Lord Jesus who saves damned+destitute sinners on His acct, believe, b baptized+follow HIM)
[ Post Reply | Private Reply | To 301 | View Replies]

To: ansel12
soviet"/>
303 posted on 10/16/2024 9:13:44 PM PDT by ansel12 ((NATO warrior under Reagan, and RA under Nixon, bemoaning the pro-Russians from Vietnam to Ukraine.))
[ Post Reply | Private Reply | To 284 | View Replies]

Testing url link

https://www.timesofisrael.com/idf-hezbollah-hiding-500-million-in-gold-cash-in-bunker-under-beirut-hospital/
304 posted on 10/22/2024 8:22:37 PM PDT by Texan4Life
[ Post Reply | Private Reply | To 303 | View Replies]

To: Texan4Life
Test link #2

https://www.timesofisrael.com/idf-hezbollah-hiding-500-million-in-gold-cash-in-bunker-under-beirut-hospital/

305 posted on 10/22/2024 8:26:42 PM PDT by Texan4Life
[ Post Reply | Private Reply | To 304 | View Replies]

To: Hebrews 11:6

tried finding in this thread, but couldn’t. I got a new computer, and was able to increase the display font size on everything BUT FR. I thought I saw that solution somewhere on the forum a few years ago, but thigs never seem to stay where you think they are.

Any help would be greatly appreciated. Thanks,


306 posted on 11/02/2024 7:04:12 AM PDT by Bernard (I just clicked over another tag line, Time to run without for a while.)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Bernard
increase the display font size

I'm inferring you want to do this.

An easy way is simply to put <big> in front of your text. The more times you put it, the bigger your text will be. I used four above. And </big> to return to the default size.

Hope that helps. Feel free to inquire further.

307 posted on 11/02/2024 8:53:37 AM PDT by Hebrews 11:6 (“It is better to take refuge in the LORD than to trust in man.” Psalm 118:8)
[ Post Reply | Private Reply | To 306 | View Replies]

To: Hebrews 11:6
Actually, no, but thanks for the reply.

What I was looking for was a way to increase the font size on the web-site when I browse. I thought I had seen that years ago, but can't find it now. The problem is that I am using Duck Duck Go, and Free Republic displays in a much smaller font than any other web-site I look at.

So, I opened Mozilla Fire Fox, opened the settings, and changed to font size to 110%. Problem solved. Now I use Mozilla for DR, and Duck Duck Go for everything else.

308 posted on 11/03/2024 6:16:14 AM PST by Bernard (I just clicked over another tag line, Time to run without for a while.)
[ Post Reply | Private Reply | To 307 | View Replies]

To: Hebrews 11:6
https://render.myfonts.net/fonts/font_rend.php?id=e45059f0c29e717a33fabf864e2975b5&rt=Lee%20zeldin%20&rs=240&w=1500&rbe=&sc=2&nie=true&fg=000000&bg=FFFFFF&ft=&nf=1
309 posted on 11/11/2024 3:43:21 PM PST by DoodleBob (Gravity's waiting period is about 9.8 m/s² )
[ Post Reply | Private Reply | To 307 | View Replies]

To: Hebrews 11:6

Thanks, helpful to have most used HTML coding in an easy to use form and in one location. 😎


310 posted on 12/05/2024 3:44:45 AM PST by Lockbox (politicians, they all seemed like game show host to me.... Sting)
[ Post Reply | Private Reply | To 1 | View Replies]

To: Lockbox

I refer to it frequently myself—just type “Sandbox” in Search. But it’s a great pity that Cynwoody’s text editor link described in the comments has expired.


311 posted on 12/05/2024 9:53:25 AM PST by Hebrews 11:6 (“It is better to take refuge in the LORD than to trust in man.” Psalm 118:8)
[ Post Reply | Private Reply | To 310 | View Replies]

To: Hebrews 11:6
This seemed appropriate
312 posted on 02/06/2025 4:57:43 PM PST by vmpolesov
[ Post Reply | Private Reply | To 1 | View Replies]

To: vmpolesov
Or this
313 posted on 02/06/2025 4:58:49 PM PST by vmpolesov
[ Post Reply | Private Reply | To 312 | View Replies]

To: vmpolesov

I used Rightclick+"View Page Source" to determine what interfered with your picture. It was your quote-marks: you used two sets, which kills it; moreover, you cannot use the curly quote-marks but must use these "". Except that quote-marks aren't actually needed at all.

314 posted on 02/06/2025 7:01:02 PM PST by Hebrews 11:6 (“…all who were appointed for eternal life believed.” Acts 13:48)
[ Post Reply | Private Reply | To 312 | View Replies]

To: Hebrews 11:6

Thanks. It’s a wonderful picture isn’t it?


315 posted on 02/07/2025 12:14:14 PM PST by vmpolesov
[ Post Reply | Private Reply | To 314 | View Replies]

To: Hebrews 11:6

Came across this site and thought of you: https://bible.art/meaning/revelation-9:16


316 posted on 05/23/2025 3:22:22 PM PDT by daniel1212 (Turn 2 the Lord Jesus who saves damned+destitute sinners on His acct, believe, b baptized+follow HIM)
[ Post Reply | Private Reply | To 298 | View Replies]

To: daniel1212

Thank you kindly, Daniel.

It boggles my mind to imagine the art that AI will be producing. Still, ultimately my confidence is in “him who is able to do immeasurably more than all we ask or imagine, according to his power that is at work within us.” His present actual creation far surpasses anything the men of Babel can erect, and I cannot wait—though I must—to see what He has up his eighth-day creative sleeve.


317 posted on 05/23/2025 3:38:44 PM PDT by Hebrews 11:6 (“…all who were appointed for eternal life believed.” Acts 13:48)
[ Post Reply | Private Reply | To 316 | View Replies]


318 posted on 06/08/2025 4:35:47 PM PDT by hole_n_one
[ Post Reply | Private Reply | To 2 | View Replies]

To: hole_n_one

319 posted on 07/21/2025 2:30:47 PM PDT by Duke C.
[ Post Reply | Private Reply | To 318 | View Replies]


Navigation: use the links below to view more comments.
first previous 1-20 ... 241-260261-280281-300301-319 last

Disclaimer: Opinions posted on Free Republic are those of the individual posters and do not necessarily represent the opinion of Free Republic or its management. All materials posted herein are protected by copyright law and the exemption for fair use of copyrighted works.

Free Republic
Browse · Search
General/Chat
Topics · Post Article

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