2 posts / 0 new
Last post
Kieranb
Kieranb's picture

Hello, I want to show some users how to start using HTML (plain text) to their advantage.

To begin with, I will show you how to enter a name and link it to a users profile, and show you what the tags stand for.  Here is an example:

  • <p><a href="/user/33682">Kieranb</a>,</p>
  1. The <p> tag.  This is a useful tag, it tells the forum to add a Paragraph, which is why it is "p" the <> is an opening tag and the </> is a closing tag, the most recent tag opened must be closed, so you can not have a <strong><p>text</strong></p> as it would fail, it would have to be <strong><p>text</p></strong>

(Strong is the HTML attribute for bold "B")

       2. The <a href=""> tag.  This is a special tag... I say this because  href stands for Hypertext REFerence, so it is telling the HTML (HyperText Markup Language) file to locate this link when pressed.   You MUST have ' =" (your link here)" ' to link it.

      3. Finally the fun stuff, inserting the name..... As the name is just text, you can change it to whatever you want, although I do not recommend it...... Let's use what we've learned here to show a different name on my account. 

Oh look, it changed!

That concludes the first part of this topic. Names and Links

please note you MUST switch to plain text in the text format drop down box to start editing your HTML, then back to filtered HTML.

Also you can add some text effects and other stuff you want to know about to a post, then change to plain text and it will show your HTML.

 

I hope this helps everyone understand how to modify forum posts better! laugh

 

(Some HTML attributes are not allowed on posts, check the allowed HTML tags for more information.)

 

making a linked image!

The image should now link to this topic!

The HTML for this is: 

<p><a href="http://poc.solverlabs.com/node/5906"> <img src="http://www.wpclipart.com/animals/cats/cartoon_cats/cartoon_cats_6/cat_in....png" /> </a></p>

Okay...... So unfortunately it is going off the page, but this is nothing to worry about, you won't see the link in the final post, you will only see your image. If you are using your PC, you can just copy the files path from the top bar in your home directory to show a downloaded image, the image will disappear once your PC is turned off, but it will mean it won't go for good as the link could be deleted from the images main source.

The only new tag here is <img src=""> img src stands for image source, so it is telling the site to look for an image. 

The ".png" is the file format to be displayed.

I hope this helps people understand how to put in linked images to their posts! laugh

POCAdmin
POCAdmin's picture

Userful information for everybody!