Основы HTML, CSS и Javascript
HTML (HyperText Markup Language) — это язык разметки, используемый для создания веб-страниц. HTML определяет структуру и содержание веб-страницы, используя теги и атрибуты.
Пример простой HTML-страницы:
html
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>
CSS (Cascading Style Sheets) — это язык стилей, используемый для задания внешнего вида HTML-элементов. CSS позволяет определить цвета, шрифты, отступы, размеры и другие свойства элементов страницы.
Пример использования CSS в HTML:
html
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<style>
h1 {
color: blue;
}
p {
font-size: 18px;
}
</style>
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это моя первая веб-страница.</p>
</body>
</html>
JavaScript — это язык программирования, используемый для добавления интерактивности и динамического поведения на веб-странице. JavaScript позволяет добавлять события, манипулировать элементами страницы и выполнять различные действия в ответ на пользовательские действия.
Пример использования JavaScript в HTML:
html
<!DOCTYPE html>
<html>
<head>
<title>Моя веб-страница</title>
<script>
function showMessage() {
alert("Привет, мир!");
}
</script>
</head>
<body>
<button onclick="showMessage()">Нажми на меня</button>
</body>
</html>
Вместе HTML, CSS и JavaScript образуют основу разработки фронтенда, который отвечает за создание пользовательского интерфейса и взаимодействие с пользователем на веб-странице.
Frontend-разработка: основы HTML, CSS и Javascript