Similar presentations:
Занятие №1. Введение в HTML и CSS
1. Занятие №1
Введение в HTML и CSS2. HTML
• HTML (от англ. HyperText Markup Language — «языкгипертекстовой разметки») — стандартизированный язык
разметки документов во Всемирной паутине. Большинство вебстраниц содержат описание разметки на языке HTML (или
XHTML). Язык HTML интерпретируется браузерами; полученный в
результате интерпретации форматированный текст отображается
на экране монитора компьютера или мобильного устройства.
3. CSS
• CSS ( англ. Cascading Style Sheets — каскадные таблицы стилей) —формальный язык описания внешнего вида документа,
написанного с использованием языка разметки.
4. СТРУКТУРА HTML
<!DOCTYPE html><html>
<head>
*Информация для браузера, подключение CSS, задается заголовок страницы и т.д.*
</head>
<body>
*Структура страницы, весь остальной код*
</body>
</html>
5. ПЕРВЫЕ ТЕГИ
• ТЕГИ ЗАГОЛОВКА:В HTML существуют многоуровневые заголовки. Первый уровень заголовка
записывается так: <h1> *текст* </h1>. Остальные уровни:
<h2> </h2>; <h3> </h3>…
• ТЕГ АБЗАЦА:
Тег абзаца записывается следующим образом:
<p> *текст* </p>
НЕ ЗАБЫВАЕМ ЗАКРЫВАТЬ ТЕГ!
<p> </p>
6. ОДИНОЧНЫЕ ТЕГИ
• ТЕГ ИЗОБРАЖЕНИЯ:Пример: <img src="logo.png”>
В src – путь к изображению. Если html файл и изображение в одной
директории – путь не указывается.
• Разделительная полоса:
Выглядит вот так: <hr>
*не используется нами*
• Перенос текста на новую строку:
Записывается вот так: <br> . Служит для переноса текста на новую строку в
одной строке в html файле.
ТЕГИ ОДИНОЧНЫЕ, ЗАКРЫВАТЬ НЕ ТРЕБУЕТСЯ.
7. КОНТАКТЫ
По всем вопросам:vk.com/tarziii
vk.com/iwan_inc