Створення найпростішого документа html

Існує думка, що починати створення власного сайту. треба з формування образу. Для цього радять взяти аркуш паперу і почати на ньому вимальовувати контури майбутньої сторінки, придумати мети і завдання майбутнього сайту. Але ж так можна нескінченно довго створювати цей образ і ламати голову над цілями і завданнями. Я ставлюся до людей, які хочуть негайно, цієї ж миті отримати хоч маленький, але результат, побачити відразу до чого привели мої зусилля. Тому я пропоную почати створення свого майбутнього сайту з створення найпростішого документа HTML. А образ і завдання придумати потім, коли у вас почне щось виходити. Апетит приходить під час їжі.

Отже, спочатку створіть на диску папку. в якій будуть зберігатися всі файли вашого майбутнього сайту. Стартовий файл повинен мати ім'я index.html або default.html. хоча другого імені я ще не зустрічав жодного разу.

Поспілкувавшись з народом, я виявив, що деякі просто не вміють створювати файли. не кажучи вже про створення файлів з певним розширенням. Тому для тих, кому це не зрозуміло я написав невелике пояснення на цьому листочку.

Наберемо код найпростішої сторінки

Збережіть ваш файл і запустіть його через браузер, наприклад "Internet Explorer".

Зверніть увагу, що HTML сторінка містить як звичайний текст, так і команди розмітки (tags або теги), укладені в кутові дужки (<и>). Теги мови HTML задають правила, за якими браузер відображає документ на екрані.

Більшість тегів мови HTML, такі як . . та інші, вимагають відповідну команду з символом </.> для її закриття, тобто тега кінця команди.</p> <h4>Схожі статті</h4> <ul> <li> <p><a href="/articles/porjadok-stvorennja-ta-dijalnosti-narodnih-druzhin.php">Порядок створення та діяльності народних дружин</a></p> </li> </ul> </div> </article> </div> </div> </div> <footer class="igrzom-footer clearfix"> <ul> <li><a href="/articles/likuvannja-zubiv-u-velikomu-novgorodi-de-provesti.php">Лікування зубів у великому Новгороді, де провести і зробити найкраще</a></li> <li><a href="/articles/dina-cosmetics-french-style-blue-dream-vidguki-pro.php">Dina cosmetics french style blue dream - відгуки про духів, купити жіночий парфюм, коментарі і фото</a></li> <li><a href="/articles/laboratorija-silovih-dzherel.php">Лабораторія силових джерел</a></li> <li><a href="/articles/inter-er-i-dizajn-budinkiv-v-stili-shale-stilne.php">Інтер'єр і дизайн будинків в стилі шале стильне дерев'яне мистецтво оформлення</a></li> <li><a href="/articles/ustanovnik-vhidnih-derev-janih-dverej-cina.php">Установник вхідних дерев'яних дверей, ціна установки москва</a></li> </ul> <p>© Copyright 2016 - 2024 | Всі права захищен</p> <br> <p><a href="/privacy.php">Privacy Policy</a></p> <!--LiveInternet counter--><script type="text/javascript"> document.write("<a href='//www.liveinternet.ru/click' "+ "target=_blank><img src='//counter.yadro.ru/hit?t50.6;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+ ";"+Math.random()+ "' alt='' title='LiveInternet' "+ "border='0' width='31' height='31'><\/a>") </script><!--/LiveInternet--> </footer> </div> </div></body> </html>