Вы, похоже, совсем ничего не знаете о веб-програмировании. javascript не используется для отрисовки элементов на странице, это делается с помощью HTML. HTML - это язык разметки, "каркас" любой страницы. Именно с помощью HTML рисуются все элементы - кнопки, поля ввода текста и т.п. Например, следующий код HTML создает кнопку с надписью "Я - кнопка" и уникальным идентификатором "btn_1":
<button id="btn_1">Я - кнопка</button>
CSS - это язык описания внешнего вида страницы. Это обои, мебель и декорации страницы. С помощью css задается, например, какого цвета должен быть какой-либо элемент, какая у него должна быть рамка, как элементы должны позиционироваться на странице. Следующий код CSS установит ширину и высоту всех кнопок на странице на 50 пиксилей:
button {
height: 50px;
width: 50px;
}
Javascript же нужен для всей динамики, всех изменений на странице. Когда что-то на странице начинает красиво вертеться, вылезать - это javascript. Когда вы, набиря сообщение, нажимаете на кнопку B, именно с помощью javascript этот тег вставляется в сообщение. Javascript - электропроводка и всевозможные приборы на странице. Пример javascript'а:
var x = "Привет!";
alert(x);
Этот код объявляет переменную x, присваивает ей значение "Привет!", и открывает окошко, содержащее текст "Привет!".
Canvas же нужен для рисования рисунков, и не более того. Это элемент html, управляемый javascript'ом. Нет, конечно же, можно с помощью него отрисовать всю страницу, но это изврат и так никто не делает.