|
Cpanel HTML Editor Tutorials
This Tutorial shows you how to Create Links to other pages, files,
and websites using Cpanel's HTML Editor, included Free with all
of our Hosting Plans. Each Tutorial below
assumes you have clicked on the file you want to edit and have it
opened in the HTML Editor window. If you don't know how to do that
click here.
Learn to use our Free
HTML Editor
Index of
Topics / Tutorials
Links (short for Hyperlinks) are essential to "link"
your web pages together to form a website, but links can also be
used to send people to other websites, view images, and link to
web pages inside of folders. This tutorial will show you how to:
- create links to other websites
- create links to other pages on your site
- make links to pictures in your images folder
- make links to web pages inside of folders
- another way to create & edit Hyperlinks
Creating Links
1) Let's create a new page for this tutorial - name your page test3.htm
and open up test3.htm in the HTML
Editor Window How?
This is your Toolbar
Each item on the toolbar performs a separate function, and is grouped
in a way that should be familiar to you. We will be working with
the Links group.
Links and Bookmarks
This is the Links group
To use: 1) Highlight text How?,
2) make selection 3) create link
Creating Links to Other Websites
2) In the HTML Editor Window type "Here's a great website!"
and Highlight it How?
3) Click the Insert Link tool 
on your Toolbar to open the Insert Link Window
the Insert Link Window
4) Create your link by filling in the boxes and click 
to create hyperlink.
The information in the above window will create this link - Here's
a great website! - An explanation for the boxes /settings are:
Web Location: this is the default setting for creating links
- Address: type the URL of the website to link to - Note:
for your link to work the address must begin with http://
- http://www.domain.com . . . to see if your link is working click
the Preview tool
, the website should appear.
- Title: this is optional - It will appear when your mouse
travels over the link
- Window: this controls how the link will open the page.
The Default setting will open up the link in the same window,
so the user will have to click their browser's "Back"
button to return to your website. Note:
if you don't want the person to leave your website choose "Open
in a new window"
| 5) To test your link
click the Preview button at the bottom of the HTML Editor
Window to view your web page in a browser. |
 |
6) when done previewing click Design button - 
Note: The Color of your Link
will become Purple like this ->
Here's
a great website! after it is clicked on ... this
way users can tell which links they have been to!
Creating Links to Your other Pages
You need to link your web pages together to form a working website,
and it's easy to do. You should still have a page from our last
tutorial named "test2.htm".
1) In the HTML Editor Window type "test2" and
Highlight it How?
2) Click the Insert Link tool
on your Toolbar to open the Insert Link Window
|
3) Type in test2.htm in the Address box. You can also
add a title if you wish. Window should be in the "Default"
setting.
Click "OK" to create link
|
 |
| 4) To test your link
click the Preview button at the bottom of the HTML Editor
Window to view your web page in a browser. |
|
5) when done previewing click Design button -
Creating Links to your Images
1) open up your File Manager Window (it should already be open)
and click on the "Images" folder to see your images
... find the image you want to link to.
2) Back in the HTML Editor Window type "my picture"
and Highlight it How?
3) Click the Insert Link tool
on your Toolbar to open the Insert Link Window
|
4) Type in /images/ and the name of your image in
the Address box. Add a title if you wish. Set the Window open
in a new window.
Click "OK" to create link
|
 |
| 5) To test your link
click the Preview button at the bottom of the HTML Editor
Window to view your web page in a browser. |
|
6) when done previewing click Design button -
Creating Links to Pages in Folders
If you have web pages that are inside of folders just do exactly
as we did in the lesson above, but change the /images/picture
to /folder/webpage.htm
example: lets pretend you have a Folder called designs
and a Page named blue.htm
|
1) Type in /designs/ and the name of your web page
(blue.htm) in the Address box. Add a title if you wish.
Leave th Window "Default".
Click "OK" to create link
|
 |
Note: If you had a web page
in your folder named "index.htm" you would only have to
type the name of the Folder in the Address box like this: /folder/
This would automatically open the file named "index.htm"
Another way to create and edit Links
1) In the HTML Editor Window choose some text or a link and Highlight
it How?
2) now "right click" your mouse anywhere inside
of the highlighted text or link. This will open up a "drop
down menu" ... click on Insert/Edit a Hyperlink ...
3) This will open the Insert Link Window where you can create
or edit your link
Next Tutorial 
Links 2: Creating Links for
Email, Downloads, Bookmarks
Top
|
Call us Toll Free: