A presentation about HTML5 and CSS3. It presents the main features of the two essential programming languages for the web. There are animation and sound in it.
Курс по уеб програмиране (2015), занятие №1 - HTMLDAVID Academy
Kурс по уеб програмиране (2015)
Занятие №1: HTML
--
Въведение в HTML
Елементи и тагове
Мета съдържание
Структуриране на текст
Хипервръзки
Изображения
Таблици
Списъци
Форматиране на таблици
Форми
Въведение в HTML 5
Структуриране на страница
Форми и валидиране
Аудио и видео
A presentation about HTML5 and CSS3. It presents the main features of the two essential programming languages for the web. There are animation and sound in it.
Курс по уеб програмиране (2015), занятие №1 - HTMLDAVID Academy
Kурс по уеб програмиране (2015)
Занятие №1: HTML
--
Въведение в HTML
Елементи и тагове
Мета съдържание
Структуриране на текст
Хипервръзки
Изображения
Таблици
Списъци
Форматиране на таблици
Форми
Въведение в HTML 5
Структуриране на страница
Форми и валидиране
Аудио и видео
2.
Тим Бърнарс Лий – края на 80-те години на 20 век –
основите на World Wide Web и HTML (HiperText
Markup Language - Език за маркиране на
хипертекстови документи, които да се предават по
мрежата)
Марк Ендрисън – създава първият браузър
NetScape Navigator.
Стандартизация –
World Wide Web Consortium - www.w3.org
Ново поколение - XHTML - Extensible HiperText
Markup Language
3.
Обикновен текстов редактор – Noteрad
Специализирани редактори (Web Writer и
др.)
Редактори от типа WYSIWYG (What you see
is what you get)
Сайтбилдери от Интернет – www.street.bg
4.
Hyper Text Markup Language – език за маркиране на
хипертекст.
HTML е езикът, който казва на браузъра как да покаже
страницата
HTML файлът съдържа само букви, цифри и символи,
които се четат от кой да е редактор и това прави
HTML универсален език
HTML може да се усъвършенства допълнително с
JavaScript и Java (Dynamic HTML)
Основните елементи се наричат тагове, които си имат
имена записани между две ъглови скоби < >
Първият таг е <html>, последният </html>.
.
5.
<HTML>
◦ <HEAD> Заглавна част</HEAD>
◦ <BODY> Същинска част</BODY>
</HTML>
На така създадения документ трябва да бъде
зададено име с разширение .html или .htm,
защото само така се възприема от браузърите
като web-документ.
6. Съдържа описателна информация – заглавие,
автор, ключови думи, кодиране на страницата и
др.
Заглавието записано между таговете <TITLE> и
</TITLE> се показва в заглавния ред на браузъра
–
пример <title> This is my first page </title>
В тази част се добавят и скриптовете на
JavaScript и МЕТА - таговете
7. Коментарите се изписват между следните две
форми <!-- и -->
Пример:
<!-- Тук може да се напише коментар, който няма да
повлияе на HTML-документа -->
8.
МЕТА таговете са изключително важен и полезен
инструмент. Те могат да имат следните два
формата:
◦ МЕТА тагове, съдържащи атрибута HTTP-EQUIV
и атрибута CONTENT. Те се използват, за да
управляват определени действия на браузъра.
<meta http-equiv="име" content="съдържание" />
◦ МЕТА тагове, съдържащи атрибута NAME и
атрибута CONTENT. Te се използват за да
подават определена информация на търсещите
машини (търсачките).
<meta name="име" content="съдържание" />
Мета таговете нямат затварящ таг в HTML!
9.
<meta http-equiv="content-type" content="text/html;
charset=windows-1251" /> - указание, че страницата е
написана на кирилица
<meta name="description" content="Тук се пише кратко
описание на сайта." />
<meta name="keywords" content="ключови думи,
които се отделят със запетаи." />
<meta name="author" content="Вашето име." />
<meta http-equiv="refresh" content="някаква цифра,
например 10;URL=http://Някакъв уеб адрес" />
10.
<meta http-equiv="content-type" content="text/html;
charset=windows-1251" /> - указание, че страницата е
написана на кирилица
<meta name="description" content="Тук се пише кратко
описание на сайта." />
<meta name="keywords" content="ключови думи,
които се отделят със запетаи." />
<meta name="author" content="Вашето име." />
<meta http-equiv="refresh" content="някаква цифра,
например 10;URL=http://Някакъв уеб адрес" />