Первый в нашем списке тег - <title>. Этот тег определяет заголовок документа, который отображается в левом верхнем углу браузера. Он является одним из списка тегов, которые желательно записывать внутри тега <head>. Пример:
Следующий популярный тег-<p>. Отображает текстовый абзац. Между двумя абзацами небольшой пропуск. Пример:
Результат:
Для работы с текстом используется ещё один тег - <p>. Чаще всего его используют для выделения (изменения) некоторого куска текста.
Например, выделение цветом и шрифтом первой буквы параграфа или куска текста.
Может находиться внутри тега (или любого другого). Пример:
Следующий часто используемый тег - <img>. Он служит для отображения картинок. С помощью атрибута «src» необходимо задать адрес картинки (это может быть адрес на компьютере или на другом сайте). Пример:
Последним в нашем списке идёт тег - <a>. Он позволяет создавать ссылки на другие страницы, сайты или места на страницы (якоря). Чтобы создать ссылку, необходимо с помощью атрибута «href»
задать адрес, на который будет осуществлено перенаправление, а перед закрывающим тегом поместить объект, который будет служить «кнопкой» для перехода. Чаще всего используют текст или картинку для такой «кнопки». Пример:
1 2 3 4 5 6 7 | <html> <head> <title>Вот так называется моя страничка</title> </head> <body> </body></html> |
1 2 3 4 5 6 7 8 9 10 | <html> <head> <title>Вот так называется моя страничка</title> </head> <body> HTML-код: <p>Это самый первый абзац странички. Он очень длинный, поэтому, возможно, не влезет в её ширину и перенесётся на новую строку.</p> <p>Это второй абзац. Он стоит сразу после первого абзаца после некоторого отступа. Он немного короче первого абзаца.</p> </body></html> |
Это самый первый абзац странички. Он очень длинный, поэтому, возможно, не влезет в её ширину и перенесётся на новую строку.
Это второй абзац. Он стоит сразу после первого абзаца после некоторого отступа. Он немного короче первого абзаца.
1 | <p>В некотором царстве, тридевятом государстве…</p> |
1 | <img src="images/photo1.png"> |
Спасибо за внимание.
Если статья Вам показалась незаконченной или Вы знаете как её улучшить, пожалуйста сообщите мне e@gohtml.ru