Самоучитель Вебмастера. Системный Администратор
Читать онлайн.| Название | Самоучитель Вебмастера |
|---|---|
| Автор произведения | Системный Администратор |
| Жанр | |
| Серия | |
| Издательство | |
| Год выпуска | 2025 |
| isbn |
Базовые селекторы CSS
CSS-селекторы используются для выбора элементов, которые мы хотим стилизовать. Вот некоторые базовые селекторы:
* `*` – любой элемент
* `h1` – заголовок первого уровня
* `p` – абзац
* `a` – ссылка
Создание простого CSS-стиля
Давайте создадим простой CSS-стиль, который будет менять цвет текста на синий и размер шрифта на 18 пикселей. Мы будем использовать следующие свойства:
* `color` – цвет текста
* `font-size` – размер шрифта
Вот пример кода:
```css
body {
color: blue;
font-size: 18px;
}
```
Соединение HTML и CSS
Теперь мы можем соединить наш HTML-код с CSS-стилем. Мы будем использовать тег `<link>` для подключения CSS-файла к HTML-документу.
Вот пример кода:
```html
<!DOCTYPE html>
<html>
<head>
<title>Простая вебстраница</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<h1>Привет, мир!</h1>
<p>Это простая вебстраница, созданная с помощью HTML.</p>
<a href="https://www.example.com">Перейти на примерный сайт</a>
</body>
</html>
```
В этом примере мы подключаем CSS-файл `style.css` к нашему HTML-документу. В файле `style.css` мы определяем стили для элементов вебстраницы.
Вывод
В этой главе мы создали простую вебстраницу, используя языки HTML и CSS. Мы познакомились с базовой структурой HTML-документа и CSS-стиля, а также научились соединять их вместе. В следующей главе мы будем изучать более сложные темы вебразработки.
Глава 3. JavaScript и клиентская сторона
3.1. Основы JavaScript
JavaScript – это язык программирования, используемый для создания интерактивных веб-страниц. Он позволяет добавлять динамические эффекты, анимации и взаимодействие с пользователем на веб-страницах. В этой главе мы рассмотрим основы JavaScript и его роль в веб-разработке.
История JavaScript
JavaScript был создан в 1995 году Бренданом Эйхом, инженером компании Netscape Communications. Первоначально он назывался "Mocha", но позже был переименован в JavaScript. Несмотря на свое название, JavaScript не имеет прямого отношения к языку Java. JavaScript был разработан как язык сценариев для веб-браузеров, позволяющий создавать интерактивные веб-страницы.
Основные концепции JavaScript
JavaScript – это язык программирования, который выполняется на стороне клиента, то есть на компьютере пользователя. Он позволяет создавать скрипты, которые могут взаимодействовать с HTML- и CSS-кодом веб-страницы. Основные концепции JavaScript включают:
* Переменные: в JavaScript переменные используются для хранения и манипулирования данными. Переменные можно объявлять с помощью ключевого слова `var`, `let` или `const`.
* Типы данных: JavaScript поддерживает несколько типов данных, включая числа, строки, логические значения, массивы и объекты.
* Операторы: JavaScript предоставляет различные операторы для выполнения арифметических, сравнительных и логических операций.
* Условные операторы: