Помогите сделать простенький сайт

Question

Помогите сделать простенький сайт

Alexander Petrov Ученик (93), на голосовании 1 неделю назад

Мне нужно сделать просто чистый сайт, одна кнопка, которая будет производить звук. желательно что-бы без тяжелых программ.

Answer 1

Сохрани этот код в файл index.html и загрузи в корневую папку сайта.

 <!DOCTYPE HTML> 
<html> 
<head> 
  <title>Звукарик</title> 
  <meta charset="utf-8"> 
  <style> 
    .but { 
        cursor: pointer; 
        margin:10px; 
        padding:10px; 
        background-color:#ddd; 
        width:100px; 
        text-align:center; 
        border:1px solid #999; 
        border-radius:8px; 
    } 
  </style> 
  <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> 
  <script> 
    $(document).ready(function(){ 
        $("[data-label='audioHolder']").append("<audio controls id='player'><source src='http://iba.barius.ru/qui/Emotions/story_content/5Xjbx1LI1TB_44100_48_0.mp3' type='audio/mpeg'>without sound</audio>"); 
    }); 
    function playAudio() { 
        $("#player")[0].play(); 
    } 
    function pauseAudio() { 
        $("#player")[0].pause(); 
    } 
  </script> 
</head> 
<body> 
<div data-label="audioHolder" style="display:none"></div> 
<div class="but" onclick="playAudio()">ЗВУК</div> 
<div class="but" onclick="pauseAudio()">ПАУЗА</div> 
</body> 
</html>

Answer 2

 <!DOCTYPE html>
 <html>
  <head>
   <title>Cайт</title>
  </head>
  <body>
   <p>Hello, World!</p>
  </body>