Як написати html-документ
В інструкції я спробую пояснити структуру мови html і навчу вас азам мови. А ще трохи розповім про javascript і CSS
Інструкція
Що вам знадобиться:
- Комп'ютер
- Програма блокнот чи Akel Pad (стандартний додаток Total Comander'а)
1 крок
HTML
HTML - мова розмітки гіпертексту. Більшість інтернет-сторінок написані на html.
2 крок
Показані теги html, head, body. Заметте, що ці теґи не з'єднані.
Структура html
Мова html являє собою наступне: є один "ВЕЛИКИЙ" html, він ділиться на два розділи "трохи менше", на head (шапку документа) і body (тіло документа). Відповідно ці два тега можуть містити безліч інших "маленьких" тегів, а вони в свою чергу можуть бути наповнені ще одними. АЛЕ "перетинатися" ці теги не можуть ні в якому разі.
3 крок
Створюємо сторінку
Для того, щоб почати писати, вам потрібна програма блокнот чи Akel Pad (існують спеціальні html редактори, але особисто мені більше до душі звичайний редактор). Я вам раджу писати в Akel Pad'е, тому що в ньому більше функцій по редагуванню тексту.
4 крок
Теги html пишуться в трикутних дужках "lt;>" якщо це початковий тег і в трикутних дужках зі слешем "" кінцевий тег.
Отже, щоб дати браузеру зрозуміти, що це html документ відкриваємо початковий тег всього документа , в ньому ми пишемо "шапку" документа . У цьому тезі прописується назва документа, його favicon та інші теги не відносяться до "тіла". Щоб озаглавити текст впишіть назву між тегами
Потім відкриваємо тіло тегом , в ньому пишеться тег і текст (той, що буде показаний на готової сторінці). Після закінчення роботи з документами закриваємо тіло тегом , а потім закриваємо тег html ()
5 крок
Приклад самого короткого html-документа
Тіло документа
6 крок
Приклад довгого html-документа
Таблиця
Перший стовпець першого рядка | Другий стовпець першого рядка |
Перший стовпець другого рядка |
Опис
Отже, тегом ми починаємо весь документ. Потім йде "шапка документа" (
, робить спуск "курсора" на одну сходинку, далі два елементи. Потім починається ще один div, що показує вирівнювання по центру, а в ньому починається таблиця (
| відкриває перший стовпець, потім текст цього шпальти, і закриття стовпця тегом | . Сподіваюся по таблиці все зрозуміло, а то рука відвалюється писати :) Таблиця закривається тегом
-Сподіваюся все зрозуміло ??-
Посилання на те, що вийшло
7 крок
Інші мови
Часто, щоб поліпшити свою сторінку в html вставляються інші мови, наприклад javascript, CSS та інші.
8 крок
Корисні посилання
Книги по html і javascript
Як швидко вибудувати слова в колонку Ті, хто вчиться в інституті, працює з таблицями Excel або займається програмуванням, іноді стикаються з проблемою, коли велика кількість слів записаних у строчку потрібно вибудувати в одну колонку. Звичайно, це можна зробити і вручну за допомогою…
Як написати просту авторизацію на php Ми будемо писати просту авторизацію на PHP, яка не вимагає базу даних MySQL. Для чого може знадобиться скрипт авторизації? Скрипт авторизації потрібен для обмеження доступу на окрему web-сторінку, або навіть на весь ваш сайт. Плюсом скрипта є те що…
Як користуватися jquery? JQuery - чудова бібліотека javascript, яка робить програмування з javascript ще легше. У цій інструкції я розповім як користуватися цією бібліотекою і покажу кілька прикладів використання JQuery.ІнструкціяРівень складності: Нескладно1…
Як вивчити javascript? Я не буду тут описувати всі можливі коди і тд. Це буде дуже довга інструкції. Напишу де і як вивчити скрипти!ІнструкціяРівень складності: Непросто1 крокНу для початку ви повинні освоїти більш прості і основні Мови (сайтостроения), це HTML, CSS, PHP,…
Як створити інтерактивне зміст документа в microsoft word Думаю, більшість з нас хоч раз бачили курсові роботи, або дипломні, або просто будь-які документи, де на початку був зміст (список основних розділів із зазначенням сторінок). При редагуванні такого документа номери сторінок у змісті часто доводилося…
Як прибрати кольорові виділення тексту у файлі word, збереженого з html-документа? Іноді в збереженому з Інтернету документі залишається виділення тексту різнокольоровими смугами. Я так і не зміг прибрати їх стандартними засобами Word'а, довелося шукати інший спосіб. Є примітивний, але швидкий і дієвий спосіб ...ІнструкціяРівень…
Як організувати dragdrop в javascript DragDrop - методика, що припускає перетягування об'єктів мишею. Наприклад, перенесення файлу в корзину, або з однієї папки в іншу. Ця інструкція пояснить, як організувати на сторінці сайту найпростіший DragDrop, використовуючи…
Як вивчити html ???? Як говорить всезнаюча "Вікіпедія" HTML (Від англ. HyperText Markup Language - «мова розмітки гіпертексту») - стандартна мова розмітки документів у Всесвітній павутині. Більшість веб-сторінок створюються за допомогою мови HTML (Або XHTML). Мова HTML…
Як зробити біжучий рядок на html? Для додавання на веб-сторінку рухомого рядка необов'язково використовувати скрипти, аплети тощо. Можна скористатися засобом мови HTML - тегом marquee. Правда, проходити перевірку на дотримання веб-стандартів сторінка після цього вже не…
Як створити свій сайт Дана інструкція не буде вас вчити як за допомогою яких - то лівих програм або сайтів клепати говносайти (Вибачаюсь). Дана стаття навчить вас, як створювати пристойні сайти (ручками, ага), які не соромно буде показати друзям. Звичайно, це буде…
Як відсканувати документ? Скан документа може знадобитися для пересилання його допомогою електронної пошти або зберігання в електронному вигляді. Фактично це чітка фотографія в масштабі 1: 1. Як відсканувати документ для подальшого перегляду і редагування на комп'ютері? Нам…
Як редагувати pdf-документ? На зорі становлення інтернету в 1993 році компанія Adobe Systems розробила унікальний формат Portable Document Format (скорочено PDF). Компанії вдалося створити формат, який відображався на всіх пристроях однаково, незалежно від встановленої…
Як зробити зміст у word? Багато користувачів Ворда після набору реферату, курсової, дипломної роботи, виробничої інструкції, або будь-якого іншого документа, який оформлюється за стандартами документації з нумерацією сторінок і змістом використовують для складання цього…
Як з Ворда витягнути картинку? У процесі прикладного використання комп'ютерних програм користувачам доводиться вирішувати найрізноманітніші завдання. Деякі з таких завдань виявляються досить оригінальними і рекомендації щодо їх виконання не зустрінеш ні в одному посібнику «для…
Як продовжити таблицю в ворде? При складанні великих таблиць у текстовому редакторі Ворд рідко коли вдається точно визначити розмір макета таблиці при її створенні. Помилитися й вибрати неправильне вихідне значення можна як для стовпців таблиці, так і для її колонок. Ще більшу…
Як вставити посилання в текст? Вся глобальна мережа (Інтернет) побудована на використанні посилань на сайтах. Сайти можуть посилатися як на свої додаткові сторінки, так і на сторінки інших сайтів. Все це дозволяє організувати навігацію користувачів по мережі, щоб вони могли…