Як створити html файл або сторінку, створення сайтів на cms wordpress, верстка сайтів (html, css,

Привіт, шановні Новомосковсктелі! Ми продовжуємо вивчення мови гіпертекстової розмітки HTML. І в сьогоднішньому уроці я вам докладно розповім про те, як створити html сторінку (файл) і як виглядає найпростіша структура html документа. Прочитавши цю статтю до кінця, і виконавши всі викладені тут інструкції, ви навчитеся створювати прості html документи, які ви зможете легко переглядати в своєму браузері.

Так як ми тільки починаємо розбиратися у всіх тонкощах мови html я постараюся максимально докладно описувати всі кроки створення першого html документа, щоб у вас в процесі не виникло ніяких питань і проблем.

Як створити HTML сторінку. Докладна інструкція.

Отже, для початку я рекомендую десь у себе на комп'ютері створити окрему папку, в яку ви будете зберігати всі свої html документи. Таким чином, ви не будете засмічувати свій комп'ютер зайвими файлами, і будете чітко знати, де саме лежать всі ваші html документи. До того ж в цьому випадки, якщо ви щось забудете, ви зможете швидко відшукати потрібний вам файл і згадати затирають в вашому мозку інформацію.

Тому сміливо натискаємо правою кнопкою миші по вільній області робочого простору і у вікні вибираємо пункт «Створити», а справі вказуємо, що саме ми хочемо створити, в нашому випадки це папка. Після цього вказуємо ім'я папки, особисто я назвав папку «Lessons».

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

Отже, вищевказаний код ми вставили:

Перед вами з'явиться віконце, в якому вам необхідно вказати директорію, куди ви хочете зберегти html сторінку, відповідно вибираємо папку, яку була створили в почали уроку, в моєму випадки це папку «Lessons» і натискаємо кнопку відкрити.

Далі в поле «Ім'я файлу» вкажіть назву для файлу (тут можна вказати будь-яке ім'я) і обов'язково вкажіть розширення даного файлу - .html. Наприклад, я назвав файл create.html, ось так от це виглядає:

До речі, даний файл може показуватися дещо в іншому вигляді, тут все залежить від того який саме браузер у вас встановлений за замовчуванням. Так як у мене на комп'ютері браузером за замовчуванням визначено браузер Mozilla Firefox збережений мною файл має ярлик від Mozilla. У вас же може бути визначений інший браузер, відповідно, збережений вами файл буде представлятися в іншому вигляді.

Тепер давайте відкриємо нашу першу html сторінку і подивимося, що у нас вийшло. Для цього натискаємо по файлу два рази лівою кнопкою миші і дивимося.

Як бачите, все показується добре, браузер відкриває наш html документ, ми бачимо тестовий текст, який був поміщений в тег

, все працює нормально. УРАААА. Ось ми і створили нашу першу html сторінку!

А тепер давайте повернемося до вмісту html документа і розберемо всі елементи, які в нього входять. У своєму попередньому уроці я побіжно згадував про те, що мова HTML складається із спеціальних строго регламентованих умовних команд, які називаються тегами. Саме дані команди (теги) і говорять браузеру, як відображати той чи інший текст. Наприклад, якщо ми хочемо зробити якийсь текст курсивом, ми потрібний нам текст обрамляемо тегом , виглядає це так:

якийсь текст, який буде відображатися курсивом

Тобто формується якийсь контейнер, всередині якого знаходиться текст, дана конструкція говорить браузеру про те, що текст всередині тега необхідно показати курсивом. З використанням такого роду тегів і виконується формування HTML сторінки і відповідно форматування тексту.

Першим і найголовнішим тегом html сторінки є тег , який є парним, всередині якого і будується вся подальша структура. Тег HTML дуже важливий, його на відміну від всіх інших тегів, які визначають структуру html сторінки необхідно писати в обов'язковому порядку.

Далі у нас йде тег HEAD, даний тег є умовним блоків в якому міститься вся службова інформація, тобто та інформація, яка не відображається в основному вмісті сторінки, а призначається для браузера. Усередині тега HEAD знаходиться тег TITLE, який як ви вже напевно здогадалися, служить для зазначення назви html сторінки. Все що ви напишіть всередині даного тега, буде відображатися у вкладці браузера.

Далі йде тег BODY, в якому і знаходиться весь вміст нашого документа. Саме тут вказується вся інформація, яку ми хочемо бачити у вікні браузера. Даний тег, як і всі інші, є парним, і він закривається перед закриває тегом HTML ().

Після чого потрібно зберегти цей файл із зазначенням розширення .html, щоб його відривали саме браузери, а не інші програми. Ми з'ясували, що дана структура формується з використанням спеціальних тегів, які в свою чергу формують якісь умовні блоки, з яких і будується каркас документа.

Ось начебто і все що мені хотілося сьогодні вам розповісти, тепер ви знаєте, як створити html сторінку (файл), і яку структуру мають найпростіші html документи, сподіваюся, ця статися була для вас корисною і цікавою. До нових зустрічей.