HTML - Text Dissapear Code

I have a website where I want to make a drop down menu that will bring you to different pages. It is a very basic, sort of old-fashioned website that relies entirely on html. What I'm trying to do is make a drop-down menu that will be used as navigation for a section of a website and I want to have it in each internally linked page in that section, but I'm going to be adding more pages to it over time so I want to be able to put the drop-down menu code in a separate text file and then substitute it into the pages that I make that the options in the menu link to and then just edit the code in the text file when I add another page so that I don't have to go back and edit the code every single individual page whenever I add a new one among them.

Basically all I'm asking is how I can put html code in a text file and then substitute that code into an html page by referring to the file. Thanks in advance for any help.

How do you display code as text on the page, rather than running it?

Like you do here in between [*code][*/code] tags.

Thanks.

Hello! I recently started a blog on the weebly website and I want to convert it over to wordpress. The only problem is that wordpress does not allow javascript, so I was wondering if there is a way to generate an html code without javascript that allows the user to click a button to drop down text. I have a custom script on my current site:

http://www.resourceblog.weebly.com

It's the short ride button and it allows the user to click on the button in order to drop down a summary of the blog article. Here is the script:

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<meta name="language" content="english">
<meta http-equiv="Content-Style-Type" content="text/css">
<meta http-equiv="Content-Script-Type" content="text/javascript">

<title>Bad Rep</title>

<style type="text/css">
#bad {
font-family:arial,sans-serif;
font-size:12px;
color:#ff6600;
}
#rep {
cursor:pointer;
}
.hidden {
display:none;
}
</style>

<script type="text/javascript">

function init(){
var obj=document.getElementById('bad');
obj.className='hidden';

document.getElementById('rep').onclick=function() {
obj.className=obj.className=='hidden'?'':'hidden';
}
}

window.addEventListener?
window.addEventListener('load',init,false):
window.attachEvent('onload',init);

</script>




<div>
<img id="rep" src="http://i1106.photobucket.com/albums/h365/ResourceMJS/shortride-2.jpg" alt="photobucket">
</div>

<ul id="bad">
<li>Recruiters often get a bad reputation because many people do not understand what they do.</li>
<li>It is up to the recruiter to build the trust of the candidate by being honest and genuine.</li>
<li>Follow up and keep in contact with your candidates so that they continue to hold a strong value in you.</li>
</ul>


Any help would be appreciated. This forum has answered a lot of my questions and so I love turning to you all for advice

Hello Guys,

I need HTML code to blink text message. I have tried <B l i n k> tag but it's not working. I'm using IE8 version.

Can someone please try and help me with this code. I'm trying to center text below this image with a certain color. Here are the codes and text:


Image Code:


<style>
body div td td {height:700px; vertical-align:top; background-image:url(http://i80.photobucket.com/albums/j1...-2007-14.jpg); background-repeat:no-repeat; background-position:center top;}
td.text td,
td.text div td td {background-image:none; height:auto;}
</style>


Color Code:


<p style="color:FFFFFF;">




The Text:




Many a man curses the rain that falls upon his head, and knows not that it brings abundance to drive away the hunger.





Thanks for the help