Welcome to DU! The truly grassroots left-of-center political community where regular people, not algorithms, drive the discussions and set the standards. Join the community: Create a free account Support DU (and get rid of ads!): Become a Star Member Latest Breaking News General Discussion The DU Lounge All Forums Issue Forums Culture Forums Alliance Forums Region Forums Support Forums Help & Search

truth2power

(8,219 posts)
Tue Aug 19, 2014, 01:50 PM Aug 2014

How to make an HTML anchor. I know this is elementary, but...

Could someone give me the syntax for an HTML anchor. I went to several tutorial websites and still can't figure it out.

There was a website I was going to refer to in this post but when I tried to make a tab for it, it went away, which is another problem.

OT, but, my son insisted on loading Windows 8.1 onto my old XP machine. Windows 8.1 is the worst *%$#$@#$*& POS OS I have ever seen. Those software guys should all burn in Hell. I have had book after book from the library. Still, it's going to drive me to the madhouse.

But I digress: I need..

1. syntax for HTML tag that links to another article on the internet; thus - The article is here. The word "here" being a link that takes the reader to another article.

2. Is the syntax that takes the reader to another place on the same page the same as that above?

3. That 'link' thing above this message. It must be an anchor. How to use?

I'm sorry to be so clueless. Excuse my anger. I think it's this crappy OS that's driving me nuts.

Thanks, in advance for your help.

7 replies = new reply since forum marked as read
Highlight: NoneDon't highlight anything 5 newestHighlight 5 most recent replies
How to make an HTML anchor. I know this is elementary, but... (Original Post) truth2power Aug 2014 OP
Is this what you mean? madfloridian Aug 2014 #1
ok, let's see truth2power Aug 2014 #2
Try this. madfloridian Aug 2014 #3
For anchors on DU, use [link:URL|Text]. Make7 Aug 2014 #4
I'll try... don't know if this is exactly what you want, but here goes... thecrow Aug 2014 #5
Wow! Ok, thanks. I'm going to try this tomorrow. Print it first. n/t truth2power Aug 2014 #6
you're welcome thecrow Aug 2014 #7

madfloridian

(88,117 posts)
1. Is this what you mean?
Tue Aug 19, 2014, 03:12 PM
Aug 2014

I am linking to a post and it is right here.

If that is what you mean use the link option and then put what you want to call it after the | end with the /link option.

That option is right above your message space.

truth2power

(8,219 posts)
2. ok, let's see
Tue Aug 19, 2014, 03:45 PM
Aug 2014

I want a link [link:http://www.democraticunderground.com/10025382292|here/

doesn't work.

also I need the actual syntax so that I could link to an article from anywhere else, not just DU. I know i'm not teachable. I don't even know how to explain it.

2nd edit: It doesn't even show what was on the preview. I give up.

madfloridian

(88,117 posts)
3. Try this.
Tue Aug 19, 2014, 04:12 PM
Aug 2014

I want to link, say, to Daily Kos. I want someone from DU to follow a link to Daily Kos.

I can click the word link above the message. A small window here pops up, you post the URL in that box. Choose the words Daily Kos to put after the straight line after your URL. Then above the message you should see /link....that will close your link.

You should then be able to see the link to Daily Kos in the message.

I may be off base about what you want to do, but hope that helps.

Sites are different. If I post at DKos, I have show the link entirely differently.

If you want to just post a link to a website so someone can go there, just highlight all in the address box, right click, copy and paste.

Sorry if I am still misunderstanding.

An example, the link to my post here is this http://www.democraticunderground.com/109512219#post3




Make7

(8,543 posts)
4. For anchors on DU, use [link:URL|Text].
Tue Aug 19, 2014, 04:12 PM
Aug 2014

Examples:

[div class="excerpt" style="work-wrap:break-word; margin-left:1em; border:1px solid #bfbfbf; border-radius:0.4615em; box-shadow:-1px -1px 3px #bfbfbf inset;"][link:http://www.democraticunderground.com/|Democratic Underground]
[link:https://www.google.com/|Google]
DU makes all anchors within messages open up in a new tab/page so linking to another place on the same page will not work here exactly as intended. You can include an named anchor in a link and it should usually scroll to that place on the new tab/page - but not always. You specify a named achor in a link with text after a '#'. Examples:

[div class="excerpt" style="work-wrap:break-word; margin-left:1em; border:1px solid #bfbfbf; border-radius:0.4615em; box-shadow:-1px -1px 3px #bfbfbf inset;"]http://www.democraticunderground.com/109512219#op
http://www.democraticunderground.com/109512219#post1
If you are asking about doing this on another website, the answer is going to be different.

thecrow

(5,519 posts)
5. I'll try... don't know if this is exactly what you want, but here goes...
Tue Aug 19, 2014, 04:29 PM
Aug 2014

Last edited Tue Aug 19, 2014, 05:24 PM - Edit history (1)

#1. To link to another article on the internet:

How web page reads:
I want to go to a link... that link is HERE.

What you need to write to get it to work:

<html and whatever other tags you may have>
I want to go to a link... that link is <HREF="http://<wherethelinkis.com>/<nameoflink.whatever>">HERE</HREF>.
^link URL address ^name of file
MINUS BRACKETS MINUS BRACKETS
</html and whatever other tags you may have>

So the word HERE is the link that gets you to another place on the internet. If you want to have it open in another window, you need to place a <TARGET="blank"> in front of the word that is to be the link, otherwise it will change the window from the one you are in to another new one. It all depends on what you want. DO NOT FORGET THE QUOTATION MARKS.

#2. No, but it could be. For that, you need other tags.

THE NAME TAG

For navigating a page...

TO GO BACK TO THE TOP OF A PAGE:


Put this tag at the TOP of your page: <P><A NAME="TOP"> </A></P>



Put this tag anywhere on your page and when you click on it,
you will be taken to the location you have designated as the TOP of your page:

<P><A HREF="#TOP">Go to Top</A></P>

If you page is quite long, I suggest using the "Go to Top" link as often as you change subjects.
********************************************************
TO GO DOWN:

When you have a page broken into certain informational segments, you can use the NAME tag again.
The actual NAME can be anything you wish, you just have to get it in the right place.
On one of my pages, I am dealing with a list of people. It is a long list, and it may be hard for readers to find.
So, I place a name tag where you can read information about what you might find at the tag:


<P><A HREF="#PEOPLE">PEOPLE: </A> ###my information about what you'll find at this spot###



And then where the "People" section begins, I place the NAME tag:


<A NAME="PEOPLE">People:</A>


***********************************************************
See how the tags are used in two different ways? The "TOP" name tag is used lower or at the bottom of the page to go back to the top of the page.

The Second example ("PEOPLE" could be dogs, cats, timelines, whatever) is used to navigate from the top of the page to go lower down.

Hope this helped.

Latest Discussions»Help & Search»Computer Help and Support»How to make an HTML ancho...