110 likes | 154 Views
Эта вводная лекция будет посвящена ознакомлению вас с программой курса, с сайтом, который поможет нам обмениваться информацией с вами. Мы расскажем вам, каким текстовым редактором лучше всего пользоваться, поделимся полезными онлайн-ресурсами, научим вас различать front-end от back-end разработки и дадим первоначальные понятие о создании первых страниц
E N D
HTML - это язык разметки. Он состоит из тегов. Теги — это те кирпичики, из которых построена каждая веб-страница
Примеры тегов <p>We want IT now</p> <img class="avatar" src="wannaIT.png">
Пример html-документа <html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>Моя первая веб-страница</title></head><body><h1>Заголовок страницы</h1> <br> <img class="avatar" src="reuonelove.png><p>Основной текст.</p></body></html>
CSS — это язык для управления внешним видом HTML-документа. С помощью CSS можно задавать параметры отображения любого тега: ширину и высоту, отступы, цвет и размер шрифта, фон и так далее.
Способ применить стили через атрибут <p style="color: black;">My name is Vazha Karauli</p>
Синтаксис CSS селектор { свойство1: значение1; свойство2: значение2; ...}
Пример кода на CSS p { color: red; font-family: Arial;} h1 { color: black;}
htmlbook.ru - справочник по HTML/CSS www.w3.org - организация, разрабатывающая и внедряющая технологические стандарты для Всемирной паутины codepen.io - онлайн редактор кода, с возможностью делится своими исходниками Полезные ссылки