Un site (html/css) par Mathieu

Exemple de site web en html/css

Article mis en ligne le 10 février 2016

Voici son site :

http://tableauxmaths.fr/productions_eleves/site_mathieu_chaine_utube

Voici les codes html et css :

Le html d’une des pages :

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>mathrix007</title>
		<link rel="stylesheet" href="style/style.css"/>
	</head>
	</body> <!-- c'est dans body que sera present le contenu de ma page -->
	
<header>
		<p style="color:#33FFFF;">
			<div id="titre">
				<h1>Ma chaîne Youtube Mathrix007</h1>
			</div>
		</p>

		<div>
    <div>
        <a href="https://www.facebook.com/profile.php?id=100009141549019" title="facebook"><img src="http://korben.info/wp-content/themes/korben2013/hab/facebook_icon.png"></a>
        
        
        <a target="_blank" title="Google +" href="https://plus.google.com/share?url=" title="google+><img src="http://korben.info/wp-content/themes/korben2013/hab/gplus_icon.png" alt="Google Plus" /></a>
        
    </div>
    <div>
        
    </div>
</div>
<ul>

<div id="fol">
	<a href="mes jeux et mes amis.html"><p style="color:#33FFFF;"> Mes jeux et mes 	amis </p></a>
</div>	
	
</ul>
	
<div id="image">
	
	<figure><p style="color:#33FFFF;"><img src="image/images.jpg" alt="mon logo" 			title="Mon logo"/>
	
		<figcaption>Mon logo de chaîne</figcaption></figure>
		</div>
	</header>
<p>
<div id="video">

<iframe class="player" src="http://www.youtube.com/embed/OQQY7smhosw?enablejsapi=1&amp;wmode=transparent&amp;modestbranding=1&amp;rel=0&amp;fs=1&amp;showinfo=1" width="600" height="480" frameborder="0" allowfullscreen="allowfullscreen"><p style="color:#33FFFF;"></iframe>

</div>
</p>

<h2>
<p style="color:#33FFFF;">
<div id="texte">
<fieldset> <legend>Mathrix007 </legend>
<p>Bonjour,<br/>
 je me présente, je commence une nouvelle chaîne youtube sous le nom de Mathrix007.
Mon nom vient de matrix le film et 007 comme vous l'avez deviné.</p>
</fieldset>

</div>
</h2>

</p>  
<div id="url">
<p style="color:#33FFFF;"><strong><a href="https://www.youtube.com/channel/UCtznqM8fRpLih2JZty6kZkQ" title="Ma chaîne YouTube"><h2>le lien :https://www.youtube.com/channel/UCtznqM8fRpLih2JZty6kZkQ</h2></a></strong></p>
</div>
	</body>
</html>

Le css de cette page :

div#titre{
text-align:center;
font-family: Verdana, sans-serif;
color: orange;
}

div#image{
text-align:center;
font-family: Verdana, sans-serif;
color: orange;
}


div#video{
color: #33FFFF;
text-align:center;
font-family: Verdana, sans-serif;
}



div#url {
text-align:center;
font-family: Verdana, sans-serif;
}


body
{
background-image: url("fond.png")
}

table {
 border-collapse:collapse;
 width:90%;
 }
th, td {
 border:1px solid yellow;
 width:20%;
 color: orange;
 font-family: Verdana, sans-serif;
 }
td {
 text-align:center;
 color: orange;
 font-family: Verdana, sans-serif;
 }
caption {
 font-weight:bold
 }
 
 div#texte 
 {font-family: Verdana, sans-serif;
 color: #33FFFF;
 }
 
 

 
 header {
    display: block;
} 

fol #{

}

a:visited 
{
    color: orange; 
}

a:hover 
{
   text-decoration: underline;
   color: green; 
}