Ссылки бывают с якорем
Ссылки с якорем обычно используются для создания навигации внутри страницы. Например, оглавления в начале страницы с большой статьёй.
Ссылка с якорем содержит символ #, после которого идёт идентификатор. Идентификатор создаётся с помощью атрибута id, который может быть задан у любого тега.
Можно задать адрес, состоящий из одного якоря, например:
<a href="#glava1">Глава 1</a>При щелчке на такую ссылку браузер найдёт на странице элемент с атрибутом id со значением glava1 и прокрутит окно страницы к нему. То есть перезагрузки страницы не произойдёт.
Всплывающая подсказка
Для того, чтобы добавить ссылке всплывающую подсказку, надо использовать атрибут title. Например:
<a title="Подсказка" href="#">Подсказка появится, когда курсор задержится над ссылкой некоторое время.
Подсказки помогают разъяснить назначение непонятных ссылок, а также ссылок-изображений.
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
ТАБЛИЦЫ
Простейшая таблица описывается с помощью трёх тегов:
1. <table> обозначает таблицу.
2. <tr> расшифровывается как «tablerow», обозначает строку таблицы.
3. <td> расшифровывается как «tabledata», обозначает ячейку внутри строки таблицы.
По умолчанию браузер рисует рамки таблицы и рамки отдельных ячеек раздельно, это отлично видно на примере.
Чтобы избавиться от таких двойных рамок, используется CSS-свойство таблицы border-collapse. Вот так:
table {border-collapse: collapse;}Значение collapse убирает двойные рамки: cхлопываются рамки соседних ячеек, а также рамки ячеек и внешняя рамка таблицы. При этом внешняя рамка таблицы может исчезнуть, и чтобы её вернуть, можно увеличить её ширину.
Иногда требуется, чтобы рамки ячеек в таблице отображались не полностью.
Такие эффекты легко достигаются с помощью CSS. Для этого необходимо использовать не свойство border, которое задаёт рамки для всех сторон ячейки, а одно из свойств:
· border-top,
· border-right,
· border-bottom,
· border-left.
Объединяем ячейки в строках
Чтобы объединить ячейки по горизонтали, необходимо использовать атрибут colspan у тегов <th> или <td>.
Объединяем ячейки в столбцах
Объединение ячеек по вертикали немного сложнее. Оно осуществляется с помощью атрибута rowspan у тега <td> или <th>.
Выравнивание содержимого в ячейках
За выравнивание по горизонтали отвечает CSS-свойство text-align. Чаще всего используются значения left, center и right.
За выравнивание по вертикали отвечает CSS-свойство vertical-align. Чаще всего используются значения top, middle и bottom.
Подпись к таблице задается через тег<caption>. Ипозиционируетсячерез text-align: center; иcaption-side: bottom;
= = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = = =
ФОРМЫ
Формы нужны для того, чтобы отправлять данные с веб-страницы на веб-сервер, который сможет эти данные обработать: зарегистрировать пользователя, создать сообщение на форуме, отправить письмо и так далее. В общем, формы в вебе просто необходимы.
Чтобы создать форму, нужно использовать парный тег <form>, внутри которого размещаются поля формы. У тега <form> есть два важных атрибута:
· action задаёт адрес, URL, отправки формы;
· method задаёт метод отправки формы.
<form action="https://echo.htmlacademy.ru" method="get"> поля формы </form>Метод get лучше использовать в поисковых формах, потому что он позволяет получить ссылку на результаты поиска и передать её кому-то.
Метод post посылает данные в теле HTTP-запроса и используется, когда нужно отправить много данных и ссылка на результат обработки этих данных не нужна. Например, при редактировании личного профиля.
Большинство полей форм создаётся с помощью одиночного тега <input>. У этого тега два обязательных атрибута:
· type задаёт тип поля;
· name задаёт имя поля.
Тип поля влияет на то, как оно будет отображаться и вести себя. Самый распространённый тип — это text, который обозначает текстовое поле.
Имя поля нужно, чтобы правильно обработать данные на сервере. Обычно, имя поля должно быть уникальным в пределах формы, хотя есть исключения.