Єдина Країна!

Головне меню

Наша кнопка

Українські уроки про ІТ

Друзі

Підтримка української армії


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

Програмування web-сторінок мовою HTML
Написав Sokil   
Четвер, 07 квітня 2011 00:00
Переглядів: 15692

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-файлу.

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


( 57 Проголосувало )
Коментарі
Добавити новий
Анонімно   |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
avatar якого ще чату?
тут немає чату

якщо ви про
форму коментарів
то це цілий плагін
Анонімно   |2014-04-17 10:20:17
супер
саша   |2014-06-09 03:16:36
де програмувати?? де? силку можна
Адміністратор   |2014-06-14 14:23:08
avatar про що саме ви питаєте?
тарас  - шось не так   |2015-04-03 02:17:29
в мене шось не виходить,зробив все як
писалось, а воно мені 6пункт по картинці не
вибиває, просто пуста сторінка
тарас   |2015-04-03 13:33:12
а зарас якісь коди вибиває http://prntscr.com/6oxizy
Адміністратор   |2015-04-09 13:59:10
avatar Ви використовуєте Notepad++, я так
помітив.
Спробуйте поміняти кодування в
файлі
Encoding->Encode with UTF-8 without
BOM
(Кодування->Кодувати з UTF-8 без BOM)
Анонімно   |2017-05-26 17:25:38

Залишити коментар
Ім`я:
e-mail:
 
Тема:
 
:angry::0:confused::cheer:B):evil::silly::dry::lol::kiss::D:pinch:
:(:shock::X:side::):P:unsure::woohoo::huh::whistle:;):s
:!::?::idea::arrow:
 
Введіть цей настирливий код
Русская редакция: www.freedom-ru.net & www.joobb.ru

3.26 Copyright (C) 2008 Compojoom.com / Copyright (C) 2007 Alain Georgette / Copyright (C) 2006 Frantisek Hliva. All rights reserved."

 

Ввійти



Підписка

Хто онлайн?

На даний момент 20 гостей і 2 користувачів на сайті

Український рейтинг
TOP.TOPUA.NET