Да се ​​научим да правим рамки

-Цитат

Добре е да знаеш и да можеш! САМОМАСАЖ ОТ ВСИЧКИ БОЛЕСТИ Самомасажът на ръцете има благотворен ефект.

Помощ за щитовидната жлеза: невероятна напитка ще предотврати много заболявания.

Плетен пуловер (от 2 до 6 години) http://images.vfl.ru/ii/1553022200/bc98b14a/25833098_m.jpg ht.

Хляб без мая на кефир във фурната Все по-често чувам от приятелите си за правилното хранене.

Лесно и вкусно: Най-добрите рецепти за постни бисквити Поддържане на постното меню свързано с мен.

-Видео

-Музика

-Албум за снимки

-Етикети

-Категории

  • Знаеш ли. (1808)
  • Разни (1101)
  • Готварство и хранене (1101)
  • зеленчуци (102)
  • мислене на глас (593)
  • Здраве и красота (568)
  • ръкоделие (361)
  • Бабини рецепти (345)
  • Усмивка! (331)
  • Човечество (266)
  • Цветя, флористика (219)
  • живопис (203)
  • Нашите по-малки братя (203)
  • Добър път (193)
  • Поезия, текстове на песни (179)
  • Фотографско изкуство (134)
  • Романтика и Направи си сам декор (132)
  • мама (88)
  • Коледни приготовления (86)
  • Аромати и здраве (53)
  • исторически личности (52)
  • поезия, лирика (34)
  • За природата за деца (30)
  • Народни поличби (19)
  • Логика и странично мислене (16)

-Търсене в дневника

-Абонирайте се по имейл

-Редовни читатели

-Статистика

Научете се да правите рамки

вторник, 10 януари 2017 г. 17:13 + за цитиране

Научете се да правите рамки

Научаване на рамка. Урок 1

За да научите как да правите рамки, трябва да разберете същността на тяхното създаване.

HTML кодът на рамката се състои от тагове. Използвайки различни тагове, можете да композирате различни рамки.

Един HTML таг се състои от следните елементи в определен ред: ⦁ лява ъглова скоба (същата като знака за по-голямо). например:

Всички етикети трябва да бъдат затворени. Само тагът (прекъсната линия) не изисква сдвоен краен таг.

Можете да пишете всякакви букви - големи или малки - МАСА или маса

Искам всички да разберат, че всички тагове имат своя собствена двойка, например, или

и 1
2 3443 2
5 СЪДЪРЖАНИЕ НА КАДРА 5
1

Това не бива да се забравя!

Тагът TABLE създава таблица. Можете да създавате таблици с различен брой клетки.

Сега имаме нужда от таблица с една клетка, която по-късно ще наречем рамка.

СЪДЪРЖАНИЕ НА РАМКАТА

Поставяме курсора в тага TABLE , правим отстъп, като натискаме "Интервал" на клавиатурата и добавяме (или копираме от тук и поставяме) атрибута

- ширината на хода на рамката в пиксели (px). Ако атрибутът border не е посочен, границата ще бъде без линия. Но сега ще го поставим и ще зададем стойност на 2.

СЪДЪРЖАНИЕ НА РАМКАТА

Имаме нужда от рамкиран фон и за това добавяме атрибут

заден план

background="ФОНОВ АДРЕС"

СЪДЪРЖАНИЕ НА РАМКАТА

Сега трябва да вмъкнем още 3 тагова:

Те винаги са с нас.

Тагът tbody - (От англ. table body - "тялото" на таблицата), служи за обозначаване на няколко независими големи колони в таблицата - и всяка проста таблица може да бъде представена като таблица с една голямаколона - можете да направите таблица с няколко tbody и да видите, че те отговарят за големи независими колони, всяка от които е обикновена проста таблица, състояща се от набор от tr-редове.

Тагът TR дефинира ред и преход към следващия

TD тагът поддържа ширина на границата и създаване на нова клетка.

Не забравяйте за затварящите тагове за двойки.

Добавете след ъгловата скоба.

СЪДЪРЖАНИЕ НА РАМКАТА

Вмъкваме на мястото на думите ФОНОВ АДРЕС

СЪДЪРЖАНИЕ НА РАМКАТА

Да видим. Имаме рамка с един фон, която ще се простира на височина според съдържанието на рамката и цялата ширина на поста.

Имаме рамка с един фон, който ще се простира до цялата ширина на стълба. Иска ми се да изглежда по-компактен.
Бих искал да изглежда по-компактен.

За да направите това, задайте ширината му с помощта на атрибута w). Стойността може да бъде всяка. Нека направим малка рамка от 350px. Ако имате нужда от рамка с определена височина, можете също да вмъкнете атрибута height="height value". Върнете се и довършете писането

СЪДЪРЖАНИЕ НА РАМКАТА

Сега нека центрираме рамката, като заменим атрибута align. Възможни стойности за този атрибут: център, ляво, дясно

Задайте стойността в центъра и добавете

подравняване="център"

СЪДЪРЖАНИЕ НА РАМКАТА

Да видим какво друго не ни подхожда.

Текстът е твърде близо до краищата на рамката. Трябва да направите крачка назад. Лира е отговорна за това свойство на стила на запълване, което трябва да се добави към TD тага -

style="padding: VALUEpx;"

Задайте стойност, например 20 пиксела и добавете.

СЪДЪРЖАНИЕ НА РАМКАТА

И за да направите текста центриран, оградете го в централния таг. Не забравяйте затварящия етикет. Залепваме.

СЪДЪРЖАНИЕ НА РАМКАТА

Ние гледаме. Имаме готова рамка с фон. Това е основният html код на всички рамки.

Разрешено е влагане на таблици една в друга, т.е. съдържанието на клетката може да бъде друга таблица. Тези. кадър в кадър. Така правим всички рамки.

Как бихме разделили готовия код на рамката на 3 части

СЪДЪРЖАНИЕ НА РАМКАТА

Сега изберете и копирайте първата част от кода

СЪДЪРЖАНИЕ РАМКАТА

поставете курсора в края на първата част и го поставете в основния код

Поставете отново курсора (по принцип той вече е там) в края на току-що поставената част и поставете същата част отново (няма нужда да копирате отново, тя е в клипборда). И отново, и отново. колко искаш. Но не прекалявайте.

Сега копирайте затварящите тагове и поставете толкова, колкото първите.

Предадох 3 първи части и 3 заключителни части.

Полученият кадър

Скелетът на тази рамка ще изглежда така. Можете да копирате и използвате, като замените вашите собствени стойности.

СЪДЪРЖАНИЕ НА РАМКАТА

И сега можете да промените отстъпите в него, да зададете свой собствен фон, да премахнете или увеличите ширината на щриха, да промените ширината на самата рамка, да форматирате текста и т.н. Ширината на такава рамка варира от стойността на ширината на вътрешния фон, т.е. фон затекст. А в останалите фонове етикетът може или да бъде напълно премахнат, или можете да посочите същия като вътрешния.

За да форматирате текста, трябва да оградите думите FRAME CONTENT в тагове