Найти в Дзене
Nord Gift

HTML для начинающих #3

На прошлом уроке мы начали изучать группы тегов и их назначение. Идем дальше. А дальше у нас идут строчные элементы, которые по большей части служат не для изменения расположения текста на странице, а для изменения его свойств и внешнего вида. Давайте вернемся к нашей страничке и заключим строфу из стиха Пушкина под тегом <p></p>. Что нужно сделать, чтобы вернуть строфе первоначальный вид? В HTML для таких случаев есть тег <br>(кстати, для html неважно заглавными или строчными буквами вы будете писать код), предназначенный для переноса на другую строчку, который в отличие от тега <p></p> не делает отступа. Давайте еще сделаем "День веселья, верь, настанет" жирным. Для этого используется тег <b></b>. А "Если жизнь тебя обманет" курсивом с помощью тега <em></em>. Также можем сделать "Не печалься," большим, а "не сердись!" - маленьким шрифтом с помощью тегов <big></big> и <small></small> соответственно. Думаю стало в общих чертах понятно, что могут делать блочные и строчные элементы. Дава

На прошлом уроке мы начали изучать группы тегов и их назначение. Идем дальше. А дальше у нас идут строчные элементы, которые по большей части служат не для изменения расположения текста на странице, а для изменения его свойств и внешнего вида. Давайте вернемся к нашей страничке и заключим строфу из стиха Пушкина под тегом <p></p>.

 видим как строфа снова вытянулась в одну строчку.
видим как строфа снова вытянулась в одну строчку.

Что нужно сделать, чтобы вернуть строфе первоначальный вид? В HTML для таких случаев есть тег <br>(кстати, для html неважно заглавными или строчными буквами вы будете писать код), предназначенный для переноса на другую строчку, который в отличие от тега <p></p> не делает отступа. Давайте еще сделаем "День веселья, верь, настанет" жирным. Для этого используется тег <b></b>. А "Если жизнь тебя обманет" курсивом с помощью тега <em></em>. Также можем сделать "Не печалься," большим, а "не сердись!" - маленьким шрифтом с помощью тегов <big></big> и <small></small> соответственно.

-3
-4

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

различие блочных и строчных элементов
различие блочных и строчных элементов

В следующем уроке мы скачаем рецепт торта из интернета и красиво оформим его, использовав все ранее изученные теги и еще плюс парочку новых.