Любая страница в интернете состоит из множества тегов. С их помощью мы объявляем заголовки, параграфы, ссылки, картинки и другие элементы.
С помощью разметки мы создали структуру и наполнение документа, а теперь будем внешне оформлять. Вот для этого и служат каскадные таблицы стилей.
JavaScript помогает сделать HTML-разметку более интерактивной. То есть, практически вся динамика, которую вы можете наблюдать на сайте создана с помощью JavaScript.
PHP позволяет соединить все страницы в единое целое и предоставить сайту функции, без которых эти страницы не будут работать как единое целое: авторизоваться на сайте, добавить товары в корзину и сделать заказ.
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>Моя тестовая страница</title>
- </head>
- <body>
- <p>Тут находятся все элементы отображаемые на странице</p>
- <p>My cat is very grumpy</p>
- </body>
- </html>
Элементы заголовка позволяют вам указывать определенные части вашего контента в качестве заголовков или подзаголовков. Точно так же, как книга имеет название, названия глав и подзаголовков, HTML документ может содержать то же самое. HTML включает шесть уровней заголовков <h1>–<h6>
<p>Новый абзац</p>
<em>Курсивный шрифт</em>Выделение <mark>текста</mark>
<del>Перечеркнутый текст</del>
<ins>Подчеркнутый текст</ins>
Текст<sub>подстрочный текст</sub>
Текст<sup>надстрочный текст</sup>
<p> - Данный тег определяет абзац текста.
<em> - Отображает шрифт курсивом.
<b>- Задаёт полужирное начертания шрифта
<mark> - Применяется для выделения фрагментов текста желтым цветом в справочных целях.
<del> - Перечёркивает текст. Используется для выделения текста, удаленного из документа.
<ins> - Выделяет текст в документе, подчёркивая его.
<sub> - Используется для создания нижних индексов.
<sup> - Используется для создания степеней.
<a href="ссылка на сайт">Текст ссылки</a>
<img src="путь_до_картинки.png" alt="текст" >
<table>
<tr><th>Имя</th> | <th>Фамилия</th> | <th>Возраст</th> |
---|---|---|
<tr><td>Иван</td> | <td>Иванов</td> | <td>35</td> |
<tr><td>Петр</th> | <td>Львович</td> | <td>42</td> |
<tr><td>Оля</td> | <td>Смирнова</td> | <td>64</td> |
</table>
<a> - Тег для создания ссылок в документе.
Атрибут href указывает документ, на который будет вести данная ссылка.
<img> - С помощью данного тега можно вставить картинку. Атрибут src (источник), указывает путь к нашему файлу изображения.
Атрибут alt (альтернатива) указывает текст для пользователей, у которых не прогрузилось изображение.
<ol> - Представляют собой нумерованный или <ul> маркированный список. Элементом такого списка является тег <li>
Тег <table> служит контейнером для элементов, которые определяют содержимое таблицы.
Число строк, ячеек и заголовок таблицы задают с помощью тегов <tr><td> и <th>.