Програмування web-сторінок мовою HTML - Українське програмування

Головна

Web-програмування

- HTML

Програмування web-сторінок мовою HTML

Написав Sokil

Четвер, 07 квітня 2011 00:00

html

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

Дам одну корисну пораду, перед тим як почати: НАМАЛЮЙТЕ СПЕРШУ НА ПАПЕРІ, так, саме на папері розмітку сторінки, продумайте як вона повинна виглядати, і лише тоді і тільки тоді приступайте до її програмування. Насправді багато з вас проігнорує цю пораду, почне писати код зразу. Колись і я був такий розумник, думав що все знаю... та як показує практика, всерівно потім береш ручку і папір, малюєш і потім переробляєш зроблене... Тому спершу перед тим, як щось робити, РОЗПЛАНУЙТЕ!

Такс, досить розумних порад, не буду тягти, отже почнемо:

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

Для підготовки html-файлу можна використати текстовий редактор Notepad чи будь-який інший, що дає змогу готувати файли у текстовому форматі. Після написання, html-файл потрібно зберегти на диску з деякою назвою з розширенням назви htm чи html.

<HTML>
 <HEAD>
 <TITLE> Назва вікна web-сторінки</TITLE> 
 </HEAD>
 <BODY параметри>
<!--Далі йде текст,наприклад, такий--> Мене звати Орест. Мені 28 років. Я хочу стати web-дизайнером. Це моя перша web-сторінка. Тут я можу писати будь-який текст, наприклад, про себе і мої інтереси. Пізніше я навчуся вставляти фотографії, картинки, звук, відеозображення шляхом посилання на відповідні графічні, звукові чи відеофайли. Я збережу цей файл на диску і відкрию його у броузері. Моя сторінка ще не красива і не цікава. Але скоро я навчуся робити цікаві web-сторінки. Я розташую файл на сервері, і мою сторінку зможуть побачити в різних кінцях світу. 
 </BODY>
 </HTML>

Переглянути файл.

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

Тільки не думайте,що вашу сторінку(якщо ви робили її на домашньому комп'ютері) зразу ж можуть побачити користувачі інтернету! Цю сторінку зможете бачити тільки ви.

Створення сторінок з допомогою HTML виконується з допомогою так званих "тегів".

Більшість тегів парні, як, наприклад, тег означення html-файлу: <HTML> ... </HTML>. Такі теги називаються інакше контейнерами. Контейнер може містити текст та інші теги.

У середині пари тегів <HEAD>...</HEAD> описують заголовок документа. Головна частина заголовка документа заголовок Windows-вікна, який пишуть у середині пари тегів <TITLE>...</TITLE>.

Тег  позначає коментар. Текст у середині цього тега виводитися на екран не буде. Коментар можна писати також у середині парного тега <COMMENT> текст-коментар </COMMENT>.

У середині пари тегів <BODY>...</BODY> записують увесь текст сторінки. Цей текст відображатиметься у вікні броузера.

Поекспериментуйте, змінюючи текст в поданому вище коді, щоб краще зрозуміти структуру html-файлу.

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

( 59 Проголосувало )

Схожі статті:

Новіші матеріали:

Коментарі

Добавити новий

Анонімно

|2013-08-16 11:39:41

Відповідь

СТАС - сила

|2014-01-18 13:42:41

супер-пупер

Відповідь

Troll - {p

|2014-02-18 13:12:25

Дайте будь ласка html код цього чату плісс)

Відповідь

Адміністратор

|2014-02-22 10:18:09

якого ще чату?
тут немає чату

якщо ви про
форму коментарів
то це цілий плагін

Відповідь

Анонімно

|2014-04-17 10:20:17

супер

Відповідь

саша	\|2014-06-09 03:16:36

де програмувати?? де? силку можна

Відповідь

Адміністратор

|2014-06-14 14:23:08

про що саме ви питаєте?

Відповідь

тарас - шось не так

|2015-04-03 02:17:29

в мене шось не виходить,зробив все як
писалось, а воно мені 6пункт по картинці не
вибиває, просто пуста сторінка

Відповідь

тарас

|2015-04-03 13:33:12

а зарас якісь коди вибиває

http://prntscr.com/6oxizy

Відповідь

Адміністратор

|2015-04-09 13:59:10

Ви використовуєте Notepad++, я так
помітив.
Спробуйте поміняти кодування в
файлі
Encoding->Encode with UTF-8 without
BOM
(Кодування->Кодувати з UTF-8 без BOM)

Відповідь