How to Insert Raw HTML Code in Nvu

Guide to inserting HTML code, such as link code, using Nvu

How to Insert Raw HTML Code in Nvu

by Christopher Heng,

Although you may be using Nvu to manage your website, from time to time you may find that you need to insert a snippet of raw HTML code into your web page. For example, you have may come across some code from, say,'s Link To Us page. If you have tried inserting such code simply by pasting it into your page using Nvu, you would have found that your page displays the raw HTML code instead of the actual text or button you want.

This tutorial takes you through the steps of inserting such HTML code into your web page. The guide assumes that you already know how to use Nvu for creating and publishing a website using the WYSIWYG interface. It merely supplies the missing information on how you can insert third party HTML code. If you are not sure how to use Nvu, you may wish to start at the beginning with the article How to Design and Publish Your Website with Nvu.

Note that if the HTML code that you are inserting is for a YouTube video, you may wish to read How to Insert a YouTube Video into Your Web Page with Nvu or KompoZer instead. The latter has additional information specific to the task that is not included here.

Steps to Inserting Cut-and-Paste HTML Code into your Site

  1. Start up Nvu and open the page that you want to edit. If you have forgotten how to do this, simply click "File -> Open File", that is, click the "Open File" item on the File menu.

  2. Click the spot on the page where you wish to insert the HTML code.

  3. Switch to your browser and surf to the page where you can get the cut-and-paste HTML code. Select the code and copy it to the clipboard. To do this, drag your mouse over the HTML code to select all of it, click the right mouse button on the text and click the "Copy" item on the menu that appears.

  4. Return to Nvu. Click "Insert -> HTML...". That is, click the "HTML..." item on the "Insert" menu.

  5. A dialog box will appear. Click somewhere in the empty blank space. Right-click (that is, click the right mouse button) and select "Paste" from the menu that appears. The HTML code should appear in the box. Click the "Insert" button.

  6. The code will now be inserted into your web page. If this was a button from, say,'s Link To Us page, the image of the button will appear in your window and not the raw HTML code you saw earlier.

Voila, you're done. You can now save the file and upload it to your website.

Copyright © 2007-2017 by Christopher Heng. All rights reserved.
Get more free tips and articles like this, on web design, promotion, revenue and scripting, from's Nvu Series

You are here: Top > Webmaster Frequently Asked Questions > How to Insert Raw HTML Code in Nvu

thesitewizard™ News Feed (RSS Site Feed)  Subscribe to newsfeed

Do you find this article useful? You can learn of new articles and scripts that are published on by subscribing to the RSS feed. Simply point your RSS feed reader or a browser that supports RSS feeds at You can read more about how to subscribe to RSS site feeds from my RSS FAQ.

Please Do Not Reprint This Article

This article is copyrighted. Please do not reproduce or distribute this article in whole or part, in any form.

Related Pages

New Articles

Popular Articles

How to Link to This Page

It will appear on your page as:

How to Insert Raw HTML Code in Nvu

Link to Us
Site Map

Getting Started
Web Design
Search Engines
Revenue Making
Web Hosting
Perl / CGI
.htaccess / Apache


Free webmasters and programmers resources, scripts and tutorials Free How-To Guides
Site Design Tips at
Find this site useful?
Please link to us.