Що таке html основи штмл

Всім привіт. Зважився я все-таки зробити 2 розділу, які будуть містити основи сайтобудування, а точніше, основи HTML і CSS. Найчастіше, у початківців блогерів часто немає фінансів, щоб замовити унікальний шаблон або найняти фрілансера, щоб підкоригувати косяки на сайті або блозі.

А виконати ту чи іншу задачу необхідно. Тому, думаю, ці знання знадобляться іншим блогерам. Звичайно, якщо ви прийшли в блогінг (що таке блог?) Заради забави або знічев'я, тоді сміливо можете закривати цю статтю.

А якщо вирішили зайнятися всерйоз і надовго, тоді, ласкаво просимо, основи сайтобудування вам знадобляться і підуть тільки на користь. Ознайомившись з основами CSS і HTML, вам більше не доведеться витрачати кілька днів для усунення косяків в коді шаблону, годинами копирсатися в коді плагінів і т.д. ви дізнаєтеся основи, а знаючи їх, робота піде як по маслу;).

Що таке HTML? Введення в HTML

Якщо розшифрувати абревіатуру HTML, то вийти наступні - HyperТext Markup Language. тобто мова гіпертекстової розмітки. Новачки часто плутаються і називають HTML мовою програмування, але насправді, HTML - це мова розмітки і він лежить в основі будь-якого сайту.

Але перед тим як приступити до вивчення різних тегів, атрибутів та іншого, ознайомтеся з деякими пунктами, які представлені нижче.

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

По суті, інтернет - це всього лише мережа комп'ютерів, які пов'язані між собою. По-іншому ці комп'ютери називають - серверами.

В інтернеті існує 2 види серверів.

1) Де зберігаються самі сайти (один такий сервер може вміщати від 1 до сотні тисяч сайтів);
2) Допоміжні сервера, які дозволяють нам взаємодіяти з основними серверами.

Дивіться, як це працює.

Потім він робить запит до сервера, на якому розташований цей сайт і каже, мені потрібен доступ до такого-то сайту, якщо з сервером все в порядку і він доступний, то браузеру посилається сукупність файлів з HTML кодів, CSS стилів і картинок, в результаті ми отримуємо запитуваний сайт.

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

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

Сподіваюся, ви зрозуміли, що таке HTML, як відбувається робота сайтів в мережі інтернет і що HTML є фундаментом будь-якого сайту. Йдемо далі.

Наступні, на що необхідно звернути увагу, так це на правило 80 на 20. Що це означає? А це означає, що досить знати всього 20% мови HTML (основи), щоб виконувати 80% роботи.

А заучувати всі теги - це марна трата часу ... Майте це на увазі.

Мова HTML не стоїть на місці, він постійно розвивається, в нього вносяться різні доповнення, поліпшення, щось забирається, щось додається і зараз йде перехідний етап. З версії 4.01 ми потихеньку перебираємося на версію 5, можливо через пару років, п'ята версія буде основним стандартом.

Але версія 4.01 існує вже більше 10 років і є основою. За - суті, 5-я версія - це не нова версія HTML, а всього доповнення до четвертої. У ній з'явилися нові теги, нові атрибути і деякі параметри, при цьому HTML 4.01 залишається фундаментом. Запам'ятайте це;).

Так само, дуже важливо розуміти, що HTML - це всього лише структура сторінок, а CSS - це зовнішній вигляд сторінок.

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

Тому, я рекомендую вивчати все поступово, а саме, спочатку вивчити HTML, а потім CSS.

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

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

На початковому етапі краще користуватися звичайним блокнотом, називається він Notepad ++, і всі коди прописувати вручну, так би мовити, щоб набити руку і закріпити свої знання.

А коли ви підучити HTML, тоді можна ставити допоміжні програми, тоді вони дійсно виявляють свій потенціал і дозволяють економити час.

Насправді, мова HTML досить - таки легкий і я з радістю поділюся з вами його основами, які не замудримі словами, формулами, а дійсно простою людською мовою.

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

З повагою, Михед Олександр.

Я спеціально не займався вивченням html, все, що знаю, освоїв при веденні блогу, коригування файлів через ftp. Перші ази почув у Євгена Попова, коли по його курсу створював блог на WordPress. 8)

Освоїти html на рівні блогу може кожен, просто починати потрібно з абетки і поступово вправлятися. Якщо форсовано вивчати, можна накоїти несподіванок досить неприємних. Уявіть, що ви купили свій перший персональний комп'ютер, спочатку все жахливо складно, а вже через місяць все здається елементарним, так і в html. = -O

Так воно всюди так, спочатку складно, а коли освоїв, все на автопілоті 🙂

Коли вивчив HTML до такої міри, що сам можеш писати HTM-станички, то все одно потрібно практикуватися, бо навички з часом пропадають без практики.

Ось це Ви помітили в яблучко). Потрібно постійно перебувати в практиці і навчатися новому, щоб не заіржавіти)

Звичайно розберетеся, Олександр 🙂 Ви впертий, а це добре)))

Вітаю, Ольга. Я сподіваюся, що вистачить. Якщо щось не зрозуміло, питайте, тоді і вчитися легше і швидше 😉

У мене таких проблем немає 🙂

Тут нічого не можу сказати, потрібно код бачити, а вимагає він Адобе флеш плеєр.

Є у мене цей Адобе Флеш Плеєр. І тут же обновляю його. Але ці браузери його в упор не бачать в моєму випадку.