<!DOCTYPE html 
     PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
        <head>
                <title>pagina_sunet</title>
		<link href="prettify.css" type="text/css" rel="stylesheet" />
		<script type="text/javascript" src="prettify.js"></script>
                <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		
<style type="text/css">

body {
        padding-right: 0px; 
	padding-left: 0px; 
	background-image: url(gradient94063329.png); 
	background-repeat: repeat-x; 
	background-color: #bbcc99; 
	padding-bottom: 0px; 
	margin: 0px; 
	font: small/1.5em Georgia,Serif; 
	color: #000; 
	padding-top: 0px; 
	voice-family: inherit

}
 p {
	
	text-align: justify;
 	text-indent: 15px; 
	font-size: 15px;
	font-family:Arial;
	color:black;
 	font-weight:bold;
	margin: 2em 2em 2em 2em;
	padding:0px;
        	
}
 h1{
	font:bold 75px Curlz Mt;
	color:black;
	margin:0px;
	padding:0px 0px 0px 15px;
	text-align:center;
}
h2 {
	text-align:center;
	color: #000000;
	font-size: 30px;
        font-style:italic;
}
h4 {
	font-size:15px;
	color: #000000;
	font-size: 20px;
        
}

UNKNOWN {
        font-size: small
}
#header {
        font-size: 93%; background: url(bg.gif) #dae0d2 repeat-x 50% bottom; float: left; width: 100%; line-height: normal
}
#header ul {
        padding-right: 10px; padding-left: 10px; padding-bottom: 0px; margin: 0px; padding-top: 10px; list-style-type: none
}
#header li {
        padding-right: 0px; padding-left: 9px; background: url(left.gif) no-repeat left top; float: left; padding-bottom: 0px; margin: 0px; padding-top: 0px
}
#header a {
        padding-right: 15px; display: block; padding-left: 6px; font-weight: bold; background: url(right.gif) no-repeat right top; float: left; padding-bottom: 4px; color: black; padding-top: 5px; text-decoration: none
}
#header a{
        float: none
}
#header a:hover {
        color: #333
}
#header #current {
        background-image: url(left_on.gif)
}
#header #current a {
        background-image: url(right_on.gif); padding-bottom: 5px; color: #333
}

</style>
        </head>

       <body link="#ff0000" vlink="#000000" alink="ff9600">

    <div id="all">

     <div id="logo"><h1>Tutorial HTML</h1></div>
 <div id="container">

	<div id="header">

                        <ul>
                              
<li><a href="introducere.html">Notiuni introductive</a></li>
<li><a href="baza.html">Notiuni de baza</a></li>
<li><a href="comentarii.html">Comentarii</a></li>
<li><a href="formatare.html">Formatare text</a></li>
<li><a href="liste.html">Liste</a></li>
<li><a href="legaturi.html">Legaturi</a></li>
<li><a href="imagini.html">Imagini</a></li>
<li><a href="sunete.html">Sunete</a></li>
<li><a href="videoclipuri.html">Videoclipuri</a></li>
<li><a href="tabele.html">Tabele</a></li>
<li><a href="cadre.html">Cadre</a></li>
<li><a href="formulare.html">Formulare</a></li>
<li><a href="harti.html">Harti de imagini</a></li>
<li><a href="htmlcss.html">HTML si CSS</a></li>
<li><a href="verificare.html">Verificarea paginii</a></li>
<li><a href="realizare.html">Realizarea unui site</a></li>

                        </ul>
                </div>
<div id="text">
<br/><br/><br/>

<h2> Pagina mea web</h2>
<bgsound src="ode.mid"  autostart="true" loop="true"/> Sunetul este încărcat de acest cod:

<p>&lt;bgsound <font color="#0000ff">src</font>="ode.mid" autostart="true" loop="true"/&gt;</p>
        </body>
</html>