Данная пошаговая инструкция поможет освоить основы на простом примере
Для справки
Сервер поднимался на Debian 8 c характеристиками:
CPU - 1 ядро x 500 МГц
#Heading 1 ##Heading 2 ###Heading 3 ####Heading 4 #####Heading 5 ######Heading 6
Paragraph
| <!--surround the select box within a "custom-select" DIV element. | |
| Remember to set the width:--> | |
| <div class="custom-select" style="width:200px;"> | |
| <select> | |
| <option value="0">Select car:</option> | |
| <option value="1">Audi</option> | |
| <option value="2">BMW</option> | |
| <option value="3">Citroen</option> | |
| <option value="4">Ford</option> | |
| <option value="5">Honda</option> |
| document.getElementById('button1').addEventListener('click', getText); | |
| document.getElementById('button2').addEventListener('click', getJSON); | |
| document.getElementById('button3').addEventListener('click', getExternal); | |
| // get local text file | |
| function getText() { | |
| fetch('test.txt') | |
| .then(function(res){ | |
| return res.text(); | |
| }) |
| <div class="main"> | |
| <div class="block"> | |
| <ul class="main__list"> | |
| <li class="main__item active" data-class="one"><a class="main__link" href="#">Пункт1</a></li> | |
| <li class="main__item" data-class="two"><a class="main__link" href="#">Пункт2</a></li> | |
| <li class="main__item" data-class="three"><a class="main__link" href="#">Пункт3</a></li> | |
| <li class="main__item" data-class="four"><a class="main__link" href="#">Пункт4</a></li> | |
| </ul> | |
| </div> | |
| <div class="desc"> |