Рабочие листы
к вашим урокам
Скачать
1 слайд
- это просто
HTML
HTML - это просто?
HTML - это очень просто!
2 слайд
HTML
HTML (от англ. HyperText Markup Language — «язык разметки гипертекста») — стандартный язык разметки документов во Всемирной паутине. Большинство веб-страниц создаются при помощи языка HTML (или XHTML). Язык HTML интерпретируется браузерами и отображается в виде документа в удобной для человека форме.
3 слайд
Тег
Тег, иногда тэг[1], (англ. tag — ярлык, этикетка, бирка; метить):
Тег — жаргонное название дескриптора, метки как ключевого слова, в более узком применении идентификатор для категоризации, описания, поиска данных и задания внутренней структуры.
Тег (языки разметки) — элемент языка разметки гипертекста (например, XML, HTML).
Тег — информативная метка в аудио- и видеофайлах для описания и поиска звукозаписей по автору, названию альбома и т. п. (например, ID3-тег).
4 слайд
Тег
< >
< >
Tag
/Tag
5 слайд
ПЕРВЫЙ ШАГ
<HTML>
<HEAD>
<TITLE> Мой первый шаг </TITLE>
</HEAD>
<BODY>
Здравствуйте, это моя первая веб (HTML) страница.
</BODY>
</HTML>
6 слайд
Вид в браузере
7 слайд
ТЕГИ ФОРМАТИРОВАНИЯ
<B> отображает текст полужирным шрифтом.
<I> отображает текст курсивом.
<U> отображает текст подчеркнутым.
<SUB> сдвигает текст ниже уровня строки.
<SUР> сдвигает текст выше уровня строки.
(-> H2O)
(-> x2)
H<sub>2</sub>O
8 слайд
ТЕГИ ФОРМАТИРОВАНИЯ
<BR> перевод курсора на следующую строку (аналог нажатия <Enter> при форматировании текста в Word).
<P> тег параграфа – формат абзаца при форматировании текста в Word.
<H1> заголовок 1 уровня – САМЫЙ КРУПНЫЙ.
<H6> заголовок 6 уровня – самый маленький из заголовков для шрифта.
<HR> горизонтальная линия.
9 слайд
Цвет
<html>
<head>
<title> Мой второй шаг </title>
</head>
<body background="Pic5.jpg" bgcolor= a0a0a0>
<!-- ЭТО КОММЕНТАРИЙ, ОН НЕВИДИМ НА СТРАНИЦЕ, НО ПРИ ПРОСМОТРЕ ТЕКСТА В БЛОКНОТЕ -->
10 слайд
Цвет
<!-- КОММЕНТАРИЙ МОЖЕТ БЫТЬ ОЧЕНЬ ПОЛЕЗЕН, НАПРИМЕР О ПРЕДЫДУЩЕЙ СТРОКЕ МОЖНО СКАЗАТЬ -->
<!-- ЧТО ЗАДАЕТСЯ НЕ ТОЛЬКО ЦВЕТ ФОНА bgcolor, НО И ФОНОВАЯ КАРТИНКА background -->
Здравствуйте, это вторая страница.
</BODY>
</HTML>
11 слайд
РИСУНКИ в HTML
Тег <img> служит для внедрения графики на страницы. На данный момент поддерживаются форматы файлов GIF, JPG, JPEG, PNG
Атрибуты
src Обязательный атрибут, указывающий URL рисунка
align Выравнивает изображение к одной из сторон документа
alt Выводит текст к картинке. Полезно, если браузер не отображает графику на странице
12 слайд
ПРИМЕРЫ
<img src="Pic.jpg">
<img src="cat.jpg" align="left" alt="Отдыхаем!" vspace=10>
vspace Определяет размер свободного места в пикселах сверху и снизу от изображения, улучшает внешний вид страницы, отделяя изображение от текста
<body background="Risok.tif">
Если картинка лежит на другом сайте, то путь прописывается полностью:
<img src="http://www.homepage.ru/my/my.jpg">
13 слайд
ГИПЕРССЫЛКИ
<A> — организация гиперссылки
NAME — параметр, используемый для организации метки внутри документа
HREF — параметр, используемый для организации ссылки.
ПРИМЕРЫ
<a href="text_01.html"> Переход к документу text_01.html </a>
<a href=" text_01.html "> <img src="prim.gif" alt=" Переход к документу text_01.html"> </a>
14 слайд
Пример гиперссылки
Пример ссылки
То место, куда перешли
Произвольный текст
…………………………………….
…………………………………
15 слайд
Пример гиперссылки
<A href="#Nom1">
Пример ссылки
</A>
<A name="Nom1">
То место, куда перешли
</A>
16 слайд
Пример гиперссылки
<A href="#Nom1">
Земля
</A>
<A name="Nom1">
Земля
</A>
То место, куда перешли
17 слайд
Пример ссылки
18 слайд
То место, куда перешли
Рабочие листы
к вашим урокам
Скачать
6 672 364 материала в базе
Настоящий материал опубликован пользователем Романов Александр Николаевич. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
500/1000 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Курс профессиональной переподготовки
600 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.