Связаться с нами

  • (097) ?601-88-87
    (067) ?493-44-27
    (096) ?830-00-01

Статьи

Що значить html і як легко можна створити html файл?

  1. Що таке html сторінка?
  2. Що таке HTML теги?
  3. Як створити html файл

Чули про html Чули про html? Або, може бути, чули про html сторінках в Інтернеті? Насправді, все просто. HTML - це, спрощено кажучи, один з мов програмування, і не найскладніший з них.

HTML - скорочення від HyperText Markup Language, що перекладається як мова гіпертекстової розмітки.
зміст:

Використовується HTML для того, щоб сторінки в Інтернеті виглядали саме такими, якими Ви їх все знаєте:

  • красиво оформлені тексти,
  • виділені жирно або курсивом,
  • просто чорного кольору або різнокольорові,
  • з активними посиланнями на інші сторінка сайту або блогу,
  • з картинками , Відео, аудіо та ще багатьма іншими цікавими фішечки.

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

Сайти можуть створюватися і на інших мовах програмування, наприклад, на мові php.

Вчений з Британії Тім Бернерс Лі розробив мову html в 1986-1991 роках в Швейцарії. По суті html дозволяє створювати прості, але при цьому красиві документи. Уже пізніше в html були додані мультимедійні можливості (відео і т.п.) і підтримка роботи з гіпертекстом (для створення гіперпосилань).

Для роботи з html були створені всім відомі програми-браузери, вони ж інтернет-оглядачі , такі як:

  • Mozilla Firefox (Мозилла Фаерфокс),
  • Internet Explorer (Інтернет Експлорер),
  • Google Chrome (Гугл Хром),
  • Opera (Опера),
  • Яндекс (Yandex) браузер,
  • Safari (Сафарі) і
  • інші.

Спочатку основна функція браузера полягала якраз у інтерпретації коду HTML і виведення візуального результату на екран монітора користувача.

Що таке html сторінка?

Документи, файли, сторінки, створені мовою html, мають розширення виду .html або .htm. Наприклад, html-сторінка (або html-файл, або html-документ) може мати назву виду:

  • тест.html,
  • html,
  • html або
  • названіе.html.

Строго кажучи, тест.html - це ім'я файлу (або ім'я сторінки), де

  • тест - ім'я файлу, а
  • .html - розширення імені файлу (або розширення імені сторінки), яке зазвичай просто називають «розширення».

Зараз більш поширеним варіантом замість слова «розширення» стало слово «формат». Тому вираз «формат html» означає, що файл (або сторінка) написаний на мові html і ім'я такого файлу має розширення html. значить,

файл c ім'ям тест.html має формат html.

Операційна система Windows за замовчуванням приховує розширення файлів (тобто, формати файлів). Програмісти зробили це «не зі зла», а для того, щоб уберегти користувача від бездумного зміни розширень файлів. Можна зробити так, щоб за замовчуванням розширення файлів були відкриті. У Windows 7 для цього:

  • натискаємо на кнопку Пуск,
  • відкриваємо Панель управління,
  • знаходимо Параметри папок,
  • відкриваємо вкладку Вид, прокручуємо в самий низ і
  • прибираємо галочку навпроти опції «Приховувати розширення для зареєстрованих типів файлів»,
  • тиснемо «ОК».

Мал. 1. Відкриваємо всі розширення файлів

Якщо зараз Ви підніміть очі вгору і подивіться в адресний рядок свого браузера, то побачите там ім'я тієї сторінки, яку зараз читаєте, а в кінці імені варто .html. Це приклад html сторінки блогу, яка розміщена в Інтернеті. Зазвичай у блогу (у сайту) багато html сторінок. Наприклад, кожна стаття на цьому блозі є окремою html сторінкою.

В Інтернеті також зустрічаються сайти-одностранічкі, що складаються всього з однієї html сторінки. Наприклад, це може бути

  • інтернет-візитка людини або фірми, або
  • сторінка, що продає через Інтернет будь-якої товар або послугу.

Мова HTML постійно розвивається і на сьогоднішній день існує декілька його версій, починаючи від HTML 2.0 від 22 вересня 1995 року і закінчуючи останньою версією мови HTML 5 від 28 жовтня 2014 року. У вересні 2016 року планують випуск HTML 5.1.

Що таке HTML теги?

HTML - це мова розмітки документів за допомогою тегів. Теги полягають в трикутні дужки "<>". Теги можуть бути парними і непарними.

  • Наприклад, тег "b", укладений в трикутні дужки, робить текст жирним

<B> текст, виділений жирним </ b>

В результаті вийде так: текст, виділений жирним

  • А тег "i" робить текст курсивним.

<I> текст, виділений курсивом </ i>

В результаті отримаємо: текст, виділений курсивом

  • Є ще тег для перекладу рядка "br".
  • За допомогою тега "a href" виділяють гіперпосилання.
  • Тег для заголовка документа - <head>. Це тег, що відкриває документ. Він є парним в тому сенсі, що для нього обов'язково потрібен закриває тег зі слешем </ head>.
  • Після заголовка йде основна частина, яка знаходиться між відкриває тегом <body> і закриває тегом </ body>. Цей тег так само, як тег head, є парним: його потрібно відкрити і не забути закрити.

У парних тегах закриває тег зі слешем необхідний з тієї причини, що він скасовує (точніше, коректно завершує) дію відкриває тега.

Тегів HTML існує багато, в Інтернеті можна без зусиль знайти підручники HTML.

Як створити html файл

Створити самостійно html сторінку (або html файл) на своєму комп'ютері і запустити своє творіння в браузері дуже просто.

1) Відкриваємо Блокнот (простий текстовий редактор, який входить до складу Windows). Його можна знайти на своєму комп'ютері, ввівши в рядок Пошук запит: Блокнот.

2) Копіюємо і вставляємо в Блокнот наступний текст:

<Html>
<Head>
<! - Інформація про HTML-документі ->
</ Head>
<Body>
<! - Зміст сторінки ->
Привіт! Це моя перша HTML сторінка. <br>
Другий рядок, ура!
</ Body>
</ Html>

3) Важливий момент, без якого html файл не буде працювати: в Блокноті зберігаємо файл строго (!) В форматі html, як показано на скріншоті. Файл можна для простоти зберегти на робочому столі на своєму комп'ютері.

Файл можна для простоти зберегти на робочому столі на своєму комп'ютері

Мал. 2. Звертаємо увагу на Тип файлу і зберігаємо файл у форматі html

1 на рис. 2 - Кількома «Робочий стіл», щоб там зберегти html файл.
2 на рис. 3 - Відкриваємо меню, що випадає навпроти «Тип файлу».
3 - В цьому меню вибираємо «Все файли».
4 - вводимо будь-яке ім'я (у мене 001) і після точки обов'язково (!) Вводимо html.
5 на рис. 2 - тиснемо «Зберегти».

4) На робочому столі знаходимо файл 001.html:

html:

Мал. 3. Html файл на робочому столі

У мене браузером за замовчуванням є Google Chrome, тому значок у файлу має вигляд значка цього браузера. Якщо буде інший браузер за замовчуванням, то у файлу 001.html буде інший значок.

Кількома по файлу (рис. 3) 2 рази мишкою і в підсумку бачимо в браузері свою першу сторінку на html:

3) 2 рази мишкою і в підсумку бачимо в браузері свою першу сторінку на html:

Мал. 4. Перевірка, як виглядає html сторінка в браузері

Таким чином, у нас вийшла локальна сторінка html в тому сенсі, що вона доступна тільки з вашого, локального комп'ютера. Щоб сторінка була доступна іншим, треба її завантажити в Інтернет. Точніше, розмістити на хостингу , Який доступний завжди: 24/7/365 (24 години на добу, 7 днів на тиждень, весь рік). Тоді таку сторінку зможе побачити кожен користувач Інтернету.

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

Інші матеріали:

Недоліки безкоштовного хостингу для сайту

Як зареєструвати хостинг, домен і сайт на timeweb

Що значить хештег і як ним користуватися?


Що таке html сторінка?
Що таке HTML теги?
Або, може бути, чули про html сторінках в Інтернеті?
Що таке html сторінка?

Новости

Как сделать красивую снежинку из бумаги
Красивые бумажные снежинки станут хорошим украшением дома на Новый год. Они создадут в квартире атмосферу белоснежной, зимней сказки. Да и просто занимаясь вырезанием из бумаги снежинок разнообразной

Пиротехника своими руками в домашних
Самые лучшие полезные самоделки рунета! Как сделать самому, мастер-классы, фото, чертежи, инструкции, книги, видео. Главная САМОДЕЛКИ Дизайнерские

Фольгированные шары с гелием
Для начала давайте разберемся и чего же выполнен фольгированный шар и почему он летает дольше?! Как вы помните, наши латексные шарики достаточно пористые, поэтому их приходится обрабатывать специальным

Все товары для праздника оптом купить
Как сделать правильный выбор в работе, бизнесе и жизни, о котором никогда не придется жалеть. Мы хотим рассказать вам об удивительной и очень простой технике 7 вопросов, которые позволят оценить ситуацию

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

Как сделать из бумаги самолет
 1. Самолеты сделанный по первой и второй схеме являются самыми распространенными. Собирается такое оригами своими руками достаточно быстро, несмотря на это самолет летит достаточно далеко за счет свое

Надувные шарики с гелием с доставкой
На праздники часто бывают востребованы воздушные шарики, надутые гелием. Обычно, их покупают уже готовыми (надутыми) и привозят на праздник. Или, приглашают специалистов, которые приезжают и надувают

Аниматоры на детские праздники в Зеленограде
Уж сколько раз твердили миру…Что готовиться ко дню рождения нужно заранее, а не бегать в предпраздничный день угорелой кошкой. Нельзя впихнуть в 24 часа дела, рассчитанные на недели. К празднику нужно