Даданне вэб-тытра, які застаецца з яго выявай

Дадаць HTML Тытры да вэб-малюнкаў у 9 простых крокаў

Выявы дадаць жыцця вашых вэб-старонак і прыцягнуць увагу гледачоў. Тытры прадаставіць дадатковую інфармацыю аб вашых вэб-малюнкаў, але яны могуць быць цяжка дадаць вэб-старонак без прасунутых HTML і CSS навыкаў. Вось надзейны метад для дадання просты, але прывабны, подпіс да малюнка, якое застаецца з выявай, дзе б вы перамесціце яго на вэб-старонцы.

9 крокаў да HTML Image Caption

Даданне подпісы да выявы і перамясціць іх разам, дзе вы хочаце:

1. Дадаць малюнак на вэб - старонку.
2. У HTML для вашага вэб - старонкі, змесціце тэг Div вакол малюнка:
3. Дадайце атрыбут стылю ў сну тэга
   стыль = "">
4. Усталюйце шырыню спраў да такой жа шырыні, што і малюнак, з уласнасці шырыня стылю :
   "шырыня: малюнак шырыня кропак;">
5. Для тытраў, якія трохі менш , чым навакольны тэкст, дадаць ўласцівасць памеру шрыфта ў стыль сну:
   памер шрыфта: 80%;">
6. Тытры выглядаюць лепш за ўсё, калі яны сканцэнтраваны ніжэй малюнкаў, таму дадайце тэкст выраўноўвання ўласцівасці атрыбуту стылю:
   выраўноўвання тэксту: цэнтр;"> < IMG SRC = "URL" альт = "альтэрнатыўны тэкст" шырыня = "шырыня" вышыня = "вышыня" />
7. Нарэшце, дадайце невялікае дадатковае прастору паміж малюнкам і подпісам, шляхам дадання атрыбуту стылю да выявы з стылю водступу дном аб'екта:
   "стыль =" абіўка-уніз: 0.5em; " />

1. Затым дадайце тэкст подпісы непасрэдна пад выявай:
   Гэта мой загаловак

Загрузіць вэб-старонку на сервер і праверыць яго ў браўзэры.

Парады па стварэнні тытраў

• Шырыня: памеры CSS могуць быць у розных вымярэннях, так што вы звычайна павінны ўключаць у сябе тып вымярэння. Напрыклад: шырыня: 100 пікселяў; Аднак памеры малюнка HTML заўсёды ў пікселях, так што вы пакінуць вымярэнне прэч. шырыня = "100"
• Калі вы зробіце шырыню DIV шырэй, чым шырыня малюнка, надпіс можа з'явіцца побач з выявай. Калі гэта тое, што вы хочаце, а затым дадаць> тэг