HTML
основи
Почнемо з самого простого. Отже, ви хочете створити сайт, але ви нічого не розумієте в HTML. Так ось, HTML - це мова гіпертекстової розмітки, основа мови - гіперпосилання, що дозволяють швидко переміщатися від одного HTML документа до іншого, що надзвичайно зручно.
HTML документ можна написати навіть в блокноті, ніж ми зараз і займемося. Але для початку поясню загальну структуру мови.
У мові HTML використовуються спеціальні маркери, що відокремлюють елементи один від одного і визначають межі дії елемента, ці маркери називаються тегами (від слова тег (tag)). Теги бувають двох видів: кінцеві і початкові. Кожен тег полягає в кутові дужки, а кінцеві теги відзначені косою рисою.
наприклад, <начальный тег> .
Привіт, це мій сайт!
Тепер вибираємо в блокноті "Файл" -> "Зберегти як" і зберігайте під будь-яким ім'ям, але після назви поставте крапку і допишіть html (наприклад, імя.html) і тисніть "Зберегти". Тепер зайдіть в ту папку, куди ви зберегли файл і ви побачите там документ ім'я. відкрийте його і побачите:
Привіт, це мій сайт!
Привіт, це мій сайт!
Що ж я зробив? Я вписав в початковий тег
, визначає весь видимий в броузері документ, такі атрибути: bgcolor = "# 000000" (тобто поставив колір фону всього документа чорним. # 000000 як ви можете переконатися, подивившись палітру кольорів, позначає чорний) і text = "# ff0000" (за допомогою цього вкладення я задав колір тексту всього документа червоним). Збережіть зміни і обновіть сторінку, відразу все побачите наочно. Спробуйте задавати інші кольори, використовуючи палітру.Трохи про атрибути
Атрибути задають певні значення і властивості елемента (колір, розмір, розташування і т. Д.), Вони завжди вписуються в початковий тег. Один від одного, в одному тезі, атрибути відокремлюються пробілами. Значення атрибута полягає в лапки ( ""). Наприклад, щоб задати колір тексту всього документа, потрібно вписати в тег
атрибут text і привласнити йому значення, що визначає колір тексту за допомогою 6-ти значного позначення кольору: text = "# ff0000"Отже, якщо ви розібралися як розфарбовувати фон документа і колір тексту, розглянемо наступний тег:
Сам тег повинен відкриватися після , а закриває повинен стояти перед . Усередині тега вкладаються різні службові теги, що містять службову інформацію, ми ще поговоримо про них, а зараз розберемо лише тег
який теж вписується всередині . За допомогою цього тега ми можемо поставити заголовок нашої сторінки (до речі, пошукові машини зазвичай в першу чергу виводять на запит сторінки з назвою, що збігається із запитом, тому намагайтеся вибирати назву максимально відповідає змісту сторінки!). напишемо:
Привіт, це мій сайт!
Тепер, збережіть измения і обновіть сторінку, звернувши увагу на самий верхній лівий кут. ви помітите там ваш заголовок!
Коли розберетеся, підемо далі.