Web Мастерская | Блог :: Страница: 24

Блог

Web Мастерская

Введение в HTML (Урок)

Создание страниц производится с помощью языка гипертекстовой разметки HTML (Hyper Text Marker Language). Если открыть какую-нибудь страницу любого сайта с помощью текстового редактора, например, блокнота, то мы увидим непонятные коды. Эти коды называются тегами. Теги – отдают команды, которые пишутся между скобками < >. Теги бывают парные и непарные. Парные теги состоят из открывающего тега (пример: <html> - говорит компьютеру, что начитается html-страница). Данный тег всегда будет самый первый в Вашем документе и закрывающего тега (пример: </html> - говорит браузеру, что html-страница закончилась), данный тег всегда будет в конце документа. Заметили разницу между ними? У закрывающего тега добавлен элемент / после первой скобки. Непарные теги не нуждаются в закрывающем элементе / (пример: <br /> - говорит браузеру о переходе на следующею строку).
Скопируйте в чистый блокнот этот код:

<html> 
<head>
    <title>Главная</title>
</head>
<body>
    Наступил новый день!<br />

...

Жалоба

Продвинутые CSS-селекторы

CSS HTML

Чтобы задать стиль элементу, мы используем атрибут class и id, например, у нас есть два блока, один с классом class_block, второй с идентификатором id_block:

<div class="class_block">
    <!-- Содержимое блока -->
</div>

<div id="id_block">
    <!-- Содержимое блока -->
</div>

Зная этот класс и идентификатор, мы можем стилизовать оба блока, как нам вздумается:

.class_block {
    /* Свойства блока с классом class_block */
}

#id_block {
    /* Свойства блока с идентификатором id_block */ 
}

Но что делать, если нам не известны названия класса и идентификатор? Возможно потому, что часть значения атрибута генерируется динамически. На помощь могут придти, так сказать продвинутые CSS-селекторы. Привожу пример динамически созданного идентификатора: 123_block - _block - постоянная часть названия идентификатора, цифры: 123 сгенерированы скриптом, в другом блоке эти цифру уже будут другие, одинаковых чисел в пределах одного документа не должно быть:

<div id="123_block">
    <!--

...

Жалоба

Как сделать текст жирным на HTML + CSS

Приведу пару примеров, как можно сделать текст жирным шрифтом. Для этого существует в HTML специальные теги <b> и <strong> - оба эти тега выполняют одну и туже задачу - выделяют текст жирным шрифтом. Пример:

<b>Текст жирным шрифтом</b>
<strong>Текст жирным шрифтом</strong>

Результат на экране:

Текст жирным шрифтом
Текст жирным шрифтом

Каким из этих тегов выделять текст, решать вам самим, можете использовать их оба, если это требуется.

Идем дальше, теперь пробуем выделить текст жирным, при помощи CSS, пишем такой класс:

.thick {
    font-weight: bold;
}

Теперь в документе выделяем текст так:

<span class="thick">Текст жирным шрифтом</span>

На экране получим тот же результат:

Текст жирным шрифтом

...

Жалоба

Гиперссылка (Введение в HTML)

Для переходов на другие страницы/сайты необходимо указать адрес точки прибытия, заключённый в тег <a> что называется ссылкой. Ссылка имеет единственный обязательный атрибут href, адрес документа служит как значение атрибута href. Пример ссылки для перехода на другую страницу:

<a href="index.html">Главная страница</a>

Пример ссылки для перехода на другой сайт:

<a href="https://danfa.net/">DANFA</a>

Изменить цвет ссылки

Для изменения цвета ссылки используется CSS и следующие атрибуты:
visited — Стиль для посещенной ссылки.
active — Стиль для активной ссылки. Активной ссылка становится при нажатии на нее.
hover — Стиль для ссылки при наведении на нее мышью.

Пример:

a {
   color: #008800;  /* Цвет ссылок */
}

a:visited {
    color: #d6d6d6; /* Цвет посещенных ссылок */
}

a:active {
    color: #336699; /* Цвет активных ссылок */
}

Данный код можно прописывать в каждом документе, между тегами <head> и </head>, заключив между <style type="text/css"></style>, например:

<html>
<head>

...

Жалоба

Что такое сервер

Сервер - это компьютер, который работает круглосуточно без выключения, семь суток в неделю. Он выполняет команды, которые ему дают пользователи интернета. Этот компьютер находится в специальном, серверном помещении, где за ним наблюдают и поддерживают его работоспособность. Сервер постоянно обрабатывает массу информации. Сервер - это так сказать посредник, между пользователем и сайтом, который расположен на веб сервере.

Например, игровой сервер хранит и обрабатывает видеоигры. Он может связывать игроков, которые играют в одну и туже игру, они могут писать друг другу сообщения или разговаривать через микрофон и наушники.

Почтовый сервер служит для входящих и исходящих электронных писем....

Жалоба