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

]]>

Доброго дня, мене звати Михайло Русаков! У цій статті я розповім Вам про створення найпростішого сайту. Хто знає, може бути, знання, які Ви отримаєте в цій статті, згодом стануть початком Вашого успіху. Я схильний вважати, що у Вас є велике бажання навчитися створювати свої власні сайти. Зрозуміло, вкрай нерозумно намагатися пізнати цю науку з вивчення якого-небудь

PHP. Набагато розумніше почати з чого-небудь простіше, а саме з
HTML (HyperText Markup Language — мова гіпертекстової розмітки) — базової мови, на якому і побудований будь-який, навіть самий складний сайт.

Без цієї мови не було б жодного сайту, більше того,
HTML — найпростіший мова, яка може освоїти навіть школяр (яскравий приклад — Ваш покірний слуга, який почав
ще в школі, причому вельми успішно). Гаразд, вистачить балаканини — пора приступати до створення нашого з Вами першого сайту, і цей процес буде називатися: »
«. Перше, що потрібно вирішити: де створювати сайт? Зрозуміло, можна і в звичайному блокноті.

Але це несерйозно (ми так в школі писали), тому давайте краще будемо використовувати що-небудь «важчі». Я зупинив свій вибір на редакторові »
Notepad + + »- чудова програма, яка дозволяє писати код на величезній кількості мов, в тому плані, що це буде дуже і дуже зручно.

Не буду сильно її хвалити, тому що для написання коду для серйозних мов (
Java,
C + + і т. д.) вона не підходить — багато зайвих проблем виникне. Але для таких мов, як
HTML,

CSS,
JavaScript і навіть PHP — дуже хороший вибір.

Завантажити Notepad + + можна, пройшовши за цим посиланням:
Встановлюємо і запускаємо редактор. Відразу зберігаємо сторінку під ім’ям
index.
html.

Тепер пишемо (
будь ласка, напишіть, а не скопіюйте! Написали? Зберегли? Вітаю Вас, Ви тільки що створили найпростішу (але дуже важливу!)! Тепер можна нашу сторінку відкрити в браузері.

Так і вчинимо. Що-небудь бачите? Я впевнений, що ні.

І це не дивно, адже це сама елементарна сторінка. Ви можете подивитися ісходник сторінки.
Для цього в меню »
Вид «виберіть пункт меню» Перегляд HTML коду «,»
Вихідний код сторінки »або щось в цьому дусі, в залежності від Вашого браузера.

Також можна просто натиснути
CTRL-U (в більшості браузерів відкриється вихідний код сторінки), і Ви побачите Ваш код.

А тепер давайте обговоримо, що ми тут написали. html,
head,
body — це відкривають теги.
Іноді їх ще називають дескриптори, але я звик називати їх тегами, тому далі так і буду писати. / Html,
/ Head,
/ Body — це закривають теги. Теги бувають парні і одиночні. Парні теги — це теги, які потребують закриваючому, тобто всі три тега, які ми використовували є парними, так як вони відкриваються і потім закриваються.

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

Тег head означає початок заголовка HTML-документа. Сюди можуть входити, наприклад, заголовок сторінки, різні мета-теги.

Про все про це Погоріла трохи нижче.
Тег / head означає кінець заголовка HTML-документа.

Тег body означає початок самого документа. Тобто все (текст, картинки, посилання і т. д.), що Ви бачите на сторінках в Інтернеті — все розташовано в тезі
body.

Тег / body означає кінець вмісту документа. Тег / html означає кінець HTML-сторінки.
Тепер давайте трохи додамо в нашу сторінку коду, вже, боляче вона примітивна у нас поки що. Усередині тега
head Тег title визначає заголовок сторінки, який буде відображений в заголовку вікна браузера.

Тег / title повідомляє, що тут заголовок закінчується.
Що стосується тега meta, то тут спочатку я повинен повідомити про атрибути тегів. У тегів можуть бути різні атрибути, що визначають, наприклад, вид їх вмісту. Атрибути ставляться усередині відкриваючого тега і мають наступний вигляд:
Назва = «значення».

Тег meta у нас визначає тип вмісту документа. Атрибут
http-equiv і його значення Content-type визначає, що зараз буде описаний тип документа. Атрибут
content і його значення text / html; charset = windows-1251 повідомляють браузеру, що даний документ є

HTML-документом (text / html), та кодування цього документа кирилиця (
windows-1251).
Це був приклад мета-тегів. Я думаю, що поки з ними вистачить.

Тепер займемося вмістом документа. Сподіваюся, що Ви вже зрозуміли, що раз вміст сторінки — значить, будемо писати щось всередині тега
body.

Давайте напишемо наступний код всередині тега
body Теги h1,
h2,
h3,
h4,
h5,
h6 — виводять текст в браузері. Причому цей текст є заголовком, більше того, чим більше цифра (від
1-го до 6-ти), тим менш великим шрифтом буде виведений відповідний текст. Таким чином, код Вашої сторінки має вигляд:

Збережіть сторінку і подивіться на неї в браузері.
Також можна додати трохи атрибутів і в тег body. Давайте додамо атрибут
text зі значенням green (зелений).

І атрибут
bgcolor зі значенням yellow (жовтий). Таким чином, тег
body Збережіть сторінку і подивіться на неї в браузері.
Як бачите, фон сторінки став жовтим, а текст став зеленим. Думаю, що на сьогодні вистачить для Вас матеріалу.

Дуже корисно буде потренуватися у виведенні різного тексту, різними кольорами. Побачимося в наступній статті!

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

]]>