Рабочие листы
к вашим урокам
Скачать
1 слайд
Разработка Web-сайтов с использованием языка разметки HTML.
2 слайд
Для создания Web-страниц используют язык разметки гипертекста HTML (Hyper Text Markup Language), созданный Тимом Бернерсом в 1989 году.
Код страницы набирается в любом текстовом редакторе (например, Блокнот) и оформляется с помощью команд языка HTML. Тестируются HTML-файлы с помощью любого браузера. Формат Web-страниц: *.htm или *.html.
3 слайд
Команды HTML задаются с помощью специальных элементов – тегов, которые заключаются в угловые скобки.
Типы тегов:
Непарные, например, <BR> - тег перевода строки.
Парные, <B> класс </B> - выделение слова «класс» полужирным шрифтом.
Признаком окончания действия парного тега является слэш /.
4 слайд
Структура программы на языке HTML:
<html>
<head>
<title>
Заголовок документа
</title>
</head>
<body>
… Тело документа
</body>
</html>
Программа
5 слайд
<html>…</html> - первый тег, который должен находиться в любом HTML документе.
<head>…</head> - определяет заголовок страницы, содержит справочную информацию.
<title>… </title> - определяет название страницы, которое будет выведено в строке заголовка браузера.
<body>… </body> - определяет содержимое страницы, выводимое на экран.
6 слайд
<P>…</P> - тег абзаца
<H…>…</H…> - тег заголовка
H1 – самый большой размер шрифта
H6 – самый маленький размер
<HR> - тег проведения горизонтальной линии.
<FONT>…</FONT> - тег задания шрифта.
<UL>…</UL> тег неупорядоченного списка.
<LI> - элементы списка.
7 слайд
Атрибуты
Выравнивание текста:
align=“center”- по центру
align=“right” – по правому краю
align=“left”- по левому краю
8 слайд
Выделение фрагментов текста:
<b>…</b> - полужирный
<i>…</i> - курсив
<u>…</u> - подчеркнутый
9 слайд
Атрибуты
Атрибуты шрифта:
Color=“#...” – изменяет цвет шрифта, вместо точек – название цвета на английском языке или шестнадцатеричный код.
Face=“Arial” – изменяет название шрифта.
10 слайд
На Web-страницах могут реализоваться файлы трех форматов: GIF, JPG, PNG.
<IMG> - тег графических изображений.
SRC – атрибут, указывающий на место хранения графического файла.
<IMG SRC=“computer. gif”>
ALT – атрибут пояснительного текста.
<IMG SRC=“computer. gif” ALT=“компьютер”>
11 слайд
ALIGN – атрибут расположения рисунка относительно текста.
TOP - верх
MIDDLE - середина
BOTTOM - низ
LEFT - слева
RIGT – справа
<IMG SRC=“computer. gif” ALT=“компьютер” ALIGN= “right”>
12 слайд
Гиперссылки
<A HREF=“адрес”>указатель</A>
13 слайд
<body text=“#000000”>-цвет текста
<body bgcolor=“#000000”>-цвет фона
<body background=File.gif>-фоновая картинка
<marquee>… </marquee>-бегущая строка
Height=“16”-высота строки
Width=“250”-ширина строки
Vspase=“10”-вертикальное расстояние от бегущей строки до текста
Hspase=“20”-горизонтальное расстояние от бегущей строки до текста
Loop=“2”-повтор движений строки
Direction=“left”-направление движения
Behavior=“scroll”-повтор движений строки
Scrollamount=“1”- скорость движения(от 1 до 10)
Рабочие листы
к вашим урокам
Скачать
6 654 908 материалов в базе
Настоящий материал опубликован пользователем Ткачева Екатерина Анатольевна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс повышения квалификации
36/72 ч.
Курс повышения квалификации
72 ч. — 180 ч.
Мини-курс
10 ч.
Мини-курс
5 ч.
Мини-курс
4 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.