Урок-презентация по информатике на тему «Язык разметки гипертекста»
![](/data/ppt_to_html/u126753/p7396/img0.jpg)
Основы языка HTML. Учитель информатики ГБОУ Гимназия №1619 Сычев И.С.
![](/data/ppt_to_html/u126753/p7396/img1.jpg)
Что такое HTML? Hyper Text Mark-up Language
![](/data/ppt_to_html/u126753/p7396/img2.jpg)
Как выглядит документ HTML <html> <head> … </head> <body> … … … … … </body> </html>
![](/data/ppt_to_html/u126753/p7396/img3.jpg)
Основные тэги. Заголовки
![](/data/ppt_to_html/u126753/p7396/img4.jpg)
Основные тэги. Вставка изображения <img src=‘ имя картинки с расширением‘ /> <img src=‘ first_pic.jpg />
![](/data/ppt_to_html/u126753/p7396/img5.jpg)
Вставка ссылки. <a href= ‘ second.html‘ target=_blank> текст ссылки </a>
![](/data/ppt_to_html/u126753/p7396/img6.jpg)
Основные тэги. Еще несколько. <br /> - принудительный перенос строки <hr /> - горизонтальная черта через всю страницу <body bgcolor=#0055ff> - установка фонового цвета страницы
![](/data/ppt_to_html/u126753/p7396/img7.jpg)
Подытожим. Что получилось. <html> <head> <title> Первая страница </title> </head> <body bgcolor=#FF55FF> <h1> Моя страница </h1> <hr /> <img src=‘picture.jpg’ /> <h5> Это картинка </h5> <a href=‘second.html’> А это ссылка </a> </body> </html>