Computers > Web Design
Linking text inside HTML source code is very simple using Internet Explorer or "open with" selections to locate Windows Notepad.
You can either use a WYSIWYG editor like the Dreamweaver linking instructions provided or you can hand-code the HTML source yourself as described below. It's recommended you make a backup of your files before editing them.
Instructions for editing source code in Internet Explorer to link text using notepad:
Step 1. -- Open your HTML document in Internet Explorer browser Example 1 or use "Open With" selections by right-clicking your HTML document to then open it in Notepad shown in screenshot Example 2.
Step 2. -- With your document open in the browser choose from the top menu Page >> View Source or if you right+click your HTML document icon and selected Open With>> Notepad then source will auto-open in Notepad.
Step 3 -- Once your HTML source code is open in notepad locate the text you want to link. Tip: Notepad comes with a search feature to quickly find the text you want to link.
Step 4 -- Once you have located the text you want to link then you start adding your HTML markup to link your text. Links have A opening tags and B closing tags. This means you will place HTML code before and after the text you want to link. See example 4 below.
<a href="index.html"> This is the opening tag. "index.html" is the file I want to link to. Remember to always include quotes. You will replace the index.html with whatever file name you are linking to.
</a> is the closing tag and is required. It also must contain a forward slash / before the a
Step 5 -- Once you have added your link HTML you have to save changes in Notepad by choosing File >> Save. Close Notepad if you are finished editing.
Step 6 -- Open your HTML file in a browser to see your link applied. Repeat steps to create more links or to edit your source code.
How to Link Text Inside HTML Source Code Using Notepad
Linking text inside HTML source code is very simple using Internet Explorer or "open with" selections to locate Windows Notepad.
You can either use a WYSIWYG editor like the Dreamweaver linking instructions provided or you can hand-code the HTML source yourself as described below. It's recommended you make a backup of your files before editing them.
Instructions for editing source code in Internet Explorer to link text using notepad:
Step 1. -- Open your HTML document in Internet Explorer browser Example 1 or use "Open With" selections by right-clicking your HTML document to then open it in Notepad shown in screenshot Example 2.
Step 2. -- With your document open in the browser choose from the top menu Page >> View Source or if you right+click your HTML document icon and selected Open With>> Notepad then source will auto-open in Notepad.
Example 1 - View Source IE browser open |
Example 2 - Right+click - Opening with notepad to view source |
Step 3 -- Once your HTML source code is open in notepad locate the text you want to link. Tip: Notepad comes with a search feature to quickly find the text you want to link.
Example 3 - Notepad open to locate text in source code |
Step 4 -- Once you have located the text you want to link then you start adding your HTML markup to link your text. Links have A opening tags and B closing tags. This means you will place HTML code before and after the text you want to link. See example 4 below.
Example 4 - Editing source in notepad to create a link |
<a href="index.html"> This is the opening tag. "index.html" is the file I want to link to. Remember to always include quotes. You will replace the index.html with whatever file name you are linking to.
</a> is the closing tag and is required. It also must contain a forward slash / before the a
Step 5 -- Once you have added your link HTML you have to save changes in Notepad by choosing File >> Save. Close Notepad if you are finished editing.
Step 6 -- Open your HTML file in a browser to see your link applied. Repeat steps to create more links or to edit your source code.