I'm slightly overbooked on projects now. But feel free to call me at Karen: Hi Bredon!
me: Hi Karen – how are you?
Karen: Is there an easy way to show me how to create “jumps” on a website page via chat?
(I’ve figured out how to get rid of the side-bars and how to add buttons for pages on the side-bars and the main page)
Sent at 4:21 PM on Wednesday
me: i’ll try
ok
here we go
Karen: sweet
me: you can use the “FAQ” page as a model – but be careful not to publish or save or whatever…
when in the editor, click on the “HTML” tab on the top right
there are two parts to each anchor
Karen: hang on, let me get to the FAQ page
me: 1) the link that you want the visitor to click on
and
2) the “anchor” that clicking on the link will send them to
The link should look like this:
<a href=”#learnwhat”>What will I learn?</a>
Karen: cool, I see that
me: So you would find the text you want to use as an anchor and then wrap an <a> tag around it
now the “#learnwhat” will change to match your anchor
in this case the anchor looks like this:
<h4 id=”learnwhat”>I will learn this:</h4>
Karen: okay, I see that too.
me: as you can see the “learnwhat” matches the link
now
usage of the <h4> tag is incidental
you could use a <p> tag
or an <h3> or whatever
it just so happens that a heading 4 made sense formatting-wise on this page
Karen: got it
me: so the href of the link contains the reference to the id of the anchor
(the # sign means “id”)
Karen: ahhh
me: so what it is in effect saying is “go to the html tag with an id of ‘learnwhat’”
does that make sense?
Karen: it does…I know I’m going to have to play around with it…
I haven’t done html since…LiveJournal!
me: wow yeah that’s old!
Karen: it certainly is…
but I’m kinda old too…
me: ha
not as old as me
Karen: ha
me: let me know if you run into any trouble
Sent at 4:31 PM on Wednesday
me: Hi Karen – how are you?
Karen: Is there an easy way to show me how to create “jumps” on a website page via chat?
(I’ve figured out how to get rid of the side-bars and how to add buttons for pages on the side-bars and the main page)
Sent at 4:21 PM on Wednesday
me: i’ll try
ok
here we go
Karen: sweet
me: you can use the “FAQ” page as a model – but be careful not to publish or save or whatever…
when in the editor, click on the “HTML” tab on the top right
there are two parts to each anchor
Karen: hang on, let me get to the FAQ page
me: 1) the link that you want the visitor to click on
and
2) the “anchor” that clicking on the link will send them to
The link should look like this:
<a href=”#learnwhat”>What will I learn?</a>
Karen: cool, I see that
me: So you would find the text you want to use as an anchor and then wrap an <a> tag around it
now the “#learnwhat” will change to match your anchor
in this case the anchor looks like this:
<h4 id=”learnwhat”>I will learn this:</h4>
Karen: okay, I see that too.
me: as you can see the “learnwhat” matches the link
now
usage of the <h4> tag is incidental
you could use a <p> tag
or an <h3> or whatever
it just so happens that a heading 4 made sense formatting-wise on this page
Karen: got it
me: so the href of the link contains the reference to the id of the anchor
(the # sign means “id”)
Karen: ahhh
me: so what it is in effect saying is “go to the html tag with an id of ‘learnwhat’”
does that make sense?
Karen: it does…I know I’m going to have to play around with it…
I haven’t done html since…LiveJournal!
me: wow yeah that’s old!
Karen: it certainly is…
but I’m kinda old too…
me: ha
not as old as me
Karen: ha
me: let me know if you run into any trouble
Sent at 4:31 PM on Wednesday
I had a little HTML refresher today courtesy of a “support” gchat.
Internal page linking is one of the simplest ways to help keep your content organized when you have a lot of content on one page. If you need to put together a simple FAQ page and you want your website visitors to see all the questions at the top of the page before any answer content is displayed, there isn’t any simpler way to do it than what I explain in this chat conversation. Although, sometimes it’s hard to remember exactly how the anchor interacts with the link. So simple, yet so easy to forget.
For the record, I changed pertinent details of the chat to respect the anonymity of my client. I changed her name, and made her younger.
{ 1 comment… read it below or add one }
I like the design of your blog! It looks really great.