HTML

draggable html

<p draggable="true">This is a draggable paragraph.</p>

drag and drop html

<img draggable="true" />

drag and drop html

function drop(ev) {
    ev.preventDefault();
    var data = ev.dataTransfer.getData("text");
    ev.target.appendChild(document.getElementById(data));
}

drag and drop html

function drag(ev) {
    ev.dataTransfer.setData("text", ev.target.id);
}