Some schools teach web page development as part of their programming education. However, there are many problems, such as the lack of teachers and not all schools are able to implement the programming education. This study develops a web system that consists of the coding editor and the page viewer for purposes of learning elementary web page development. This system also provides the learning contents for HTML, CSS, and JavaScript in the form of conversational text. A user can learn the contents and immediately develop web pages based on what they have learned. Using this system, students can learn web page development without setting up a development environment and needing help from teachers.