Не могу поставить подпись под изображением и над изображением, и как изображение разместить в центре страницы

@hoob777 · Регистрация: 03.01.2015

Студворк — интернет-сервис помощи студентам

Вот сам код и скриншот что нужно сделать

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
<p> <img src="town.JPG" width="300" height="200" align="top"> Дарья Сагалова </p>
</body>
 
</html>

Вообщем у меня получается разместить изображение по центру только если в параметрах к абзацу я ставлю расположение по центру **. Можно ли это в теге <img> сделать, ведь там только right и left? И как всё таки подписать изображение сверху и снизу, поправьте меня.

@WarDoctor · 04.01.2015, 01:22

Сообщение от hoob777

Вообщем у меня получается разместить изображение по центру только если в параметрах к абзацу я ставлю расположение по центру **. Можно ли это в теге <img> сделать, ведь там только right и left? И как всё таки подписать изображение сверху и снизу, поправьте меня.

Зачем использовать ?
Проще нарисовать табличку без границ (border="0"), растянуть ее на всю ширину и разбить на 3 ячейки (в ячейках выставить выравнивание по середине) в 3 строки.
Во 2 ячейки первой строки написать один текст
Во 2 ячейке второй строки поместить <img src="town.JPG" width="300" height="200" align="top"> Дарья Сагалова
Во 2 ячейке третьей строки опять вписать текст
...
Удачи

Velesthau · 04.01.2015, 02:13

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
 
    <style>
    body
    {
        width:100%;
        text-align: center;
    }
 
    #container
    {
        width:300px;
        height:300px;
        margin-left: auto;
        margin-right: auto;
    }
    </style>
</head>
 
<body>
    <div id="container">
    top text
        <img src="gummy_bears.jpg" width="300" height="200" style="clear:both;"> 
    bottom text
    </div>
</body>
  
</html>

Не могу поставить подпись под изображением и над изображением, и как изображение разместить в центре страницы

@vovandr · 04.01.2015, 02:39

Сообщение от WarDoctor

Проще нарисовать табличку без границ (border="0"), растянуть ее на всю ширину и разбить на 3 ячейки (в ячейках выставить выравнивание по середине) в 3 строки.

Ну что за бред? кто вас этому научил? Евгений Повов?

@hoob777 · 04.01.2015, 02:56 **[ТС]**

Velesthau Спасибо)
Я только приступил к изучению и в разделе head не всё понял ещё, что у вас в примере. В принципе для размещения изображения по центру можно проще, например в абзаце" *** или же ещё проще через тег <center> *** </center> и просто вставить картинку. Но вот проблемы с размещением над и под картинкой остаются у меня, вот код:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE HTML PUBLIC "-/W3C//DTD HTML 4.01 Transitional//EN"
         "http://www.w3.org/TR/html4/loose.dtd">
 
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
<center> <img src="town.JPG" width="600" height="400" align="bottom"> Дарья Сагалова </center>
</body>
 
</html>

Текст всё равно отображается справа или слева на уровне картинки вверху или внизу, то есть соответственно top/bottom. Никак не получается разместить его над или под картинкой

Velesthau · 04.01.2015, 03:10

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
<html>
<head> <title> Выполнение практического задания № 1 по HTML </title>
<meta http-equiv="Content-Type" content="text/html"; charset=windows-1251"> 
</head>
 
<body>
    <center> 
        top text<br/>
        <img src="gummy_bears.jpg" width="300" height="200">
        <br/>
        bottom text
    </center>
</body>
 
</html>

@hoob777 · 04.01.2015, 03:18 **[ТС]**

Точно блин, можно вообще без параметра align просто поставить (перенос строки) и писать текст, тег же <center> стоит. Да тяжеловато идёт изучение ))

@WarDoctor · 05.01.2015, 04:15

Сообщение от vovandr

Ну что за бред? кто вас этому научил? Евгений Повов?

каков вопрос таков ответ. а на счет "бреда" дайте человеку рекомендации лучше моих и бреда в мире станет меньше)))

Новые блоги и статьи Все статьи Все блоги /
Новый ноутбук volvo 07.12.2025 Всем привет. По скидке в "черную пятницу" взял себе новый ноутбук Lenovo ThinkBook 16 G7 на Амазоне: Ryzen 5 7533HS 64 Gb DDR5 1Tb NVMe 16" Full HD Display Win11 Pro	Музыка, написанная Искусственным Интеллектом volvo 04.12.2025 Всем привет. Некоторое время назад меня заинтересовало, что уже умеет ИИ в плане написания музыки для песен, и, собственно, исполнения этих самых песен. Стихов у нас много, уже вышли 4 книги, еще 3. . .	От async/await к виртуальным потокам в Python IndentationError 23.11.2025 Армин Ронахер поставил под сомнение async/ await. Создатель Flask заявляет: цветные функции - провал, виртуальные потоки - решение. Не threading-динозавры, а новое поколение лёгких потоков. Откат?. . .	Поиск "дружественных имён" СОМ портов Argus19 22.11.2025 Поиск "дружественных имён" СОМ портов На странице: https:/ / norseev. ru/ 2018/ 01/ 04/ comportlist_windows/ нашёл схожую тему. Там приведён код на С++, который показывает только имена СОМ портов, типа,. . .	Сколько Государство потратило денег на меня, обеспечивая инсулином. Programma_Boinc 20.11.2025 Сколько Государство потратило денег на меня, обеспечивая инсулином. Вот решила сделать интересный приблизительный подсчет, сколько государство потратило на меня денег на покупку инсулинов. . . .
Ломающие изменения в C#.NStar Alpha Etyuhibosecyu 20.11.2025 Уже можно не только тестировать, но и пользоваться C#. NStar - писать оконные приложения, содержащие надписи, кнопки, текстовые поля и даже изображения, например, моя игра "Три в ряд" написана на этом. . .	Мысли в слух kumehtar 18.11.2025 Кстати, совсем недавно имел разговор на тему медитаций с людьми. И обнаружил, что они вообще не понимают что такое медитация и зачем она нужна. Самые базовые вещи. Для них это - когда просто люди. . .	Создание Single Page Application на фреймах krapotkin 16.11.2025 Статья исключительно для начинающих. Подходы оригинальностью не блещут. В век Веб все очень привыкли к дизайну Single-Page-Application . Быстренько разберем подход "на фреймах". Мы делаем одну. . .	Фото: Daniel Greenwood kumehtar 13.11.2025	Расскажи мне о Мире, бродяга kumehtar 12.11.2025 — Расскажи мне о Мире, бродяга, Ты же видел моря и метели. Как сменялись короны и стяги, Как эпохи стрелою летели. - Этот мир — это крылья и горы, Снег и пламя, любовь и тревоги, И бескрайние. . .

@hoob777 5 / 5 / 5 Регистрация: 03.01.2015 Сообщений: 115
	04.01.2015, 03:18 [ТС]
	Точно блин, можно вообще без параметра align просто поставить <br> (перенос строки) и писать текст, тег же <center> стоит. Да тяжеловато идёт изучение )) 0

Не могу поставить подпись под изображением и над изображением, и как изображение разместить в центре страницы

Решение