И снова о простых рамочках
10-06-2023 14:29
к комментариям - к полной версии
- понравилось!
Перед вами довольно простая рамочка, под ней её код. Мне хочется рассказать, как разобраться в этом коде и понять суть создания рамочек. Код состоит из тегов, каждый из которых что-то делает, только вот это действие не всегда проявляется сразу. Например, первый тег div должен разместить последующую информацию по центру. Естественно, увидим мы это только после появления этой информации. Раньше я в черновике в режиме редактирования после предложенного скелетика рамочки размещала первый тег, сохраняла изменения и смотрела результат. Если визуально я не видела изменений, то брала из скелетика на один тег больше, снова сохраняла изменения и вновь смотрела, что изменилось. Постепенно разбиралась, что можно менять, и как это отразится на рамочке. И так до конца скелетика. Второй тег table требует наличия после себя двух тегов ( tr и td ), только тогда мы будем видеть результат от его выполнения. Возьмем из кода четыре тега, перейдем в простом редакторе в режим редактирования и посмотрим на результат после нажатия СОХРАНИТЬ ИЗМЕНЕНИЯ. Вот то, что мы увидим. Маленький белый квадрат с голубым окаймлением совсем не ассоциируется у нас с рамочкой. Если вы посмотрите на код под этим квадратиком, то увидите, что система за нас добавила все закрывающиеся теги. Укажем ширину, добавив width="700", и посмотрим на результат. Квадрат превратился в прямоугольник указанной длины. Что можно менять? Конечно, оба цвета белый и голубой на какие-то другие. Кроме этого можно изменить ширину бордюра и вид бордюра. Еще можно увеличить или уменьшить отступ от края, который указан в теге td, а также ширину рамочки. Приведу пример, чтобы вам были понятны допустимые изменения. Вернемся к коду нашей рамочки. К тому, с чем мы уже разобрались, добавим еще один тег table с сопровождающими его тегами tr и td и посмотрим на результат. Значит и во втором теге надо было указать width="700", чтобы всю внутренность заполнить цветным фоном. Посмотрим, как это должно выглядеть. Добавим к тому, что мы уже имеем, еще один тег table вместе с tr и td и посмотрим на результат. Рамочка готова, в неё можно поместить картинку, а можно просто поместить текст, взяв для него нужное форматирование. С форматированием разбираться не будем, оно указано в самом начале поста в коде для рамочки, с которой мы и разбирались. Ширину рамочки оставляют только в самом конце, а остальные убирают. |
Вы сейчас не можете прокомментировать это сообщение.
Дневник И снова о простых рамочках | tomishka - Дневник tomishka |
Лента друзей tomishka
/ Полная версия
Добавить в друзья
Страницы:
раньше»