10 класс, информатика. Задали сделать сайт в html. Проблема: таблица всё время сьезжает на дно страницы.

Question

10 класс, информатика. Задали сделать сайт в html. Проблема: таблица всё время сьезжает на дно страницы.

Lizzy B Ученик (102), на голосовании 1 неделю назад

Помогите пожалуйста! Только чтобы не слишком сложно, без взяких layout, float, overflow. Мы на уроке этого не проходили, учитель может заподозрить.

<html>
<head>
<title> Главная </title>
</head>
<body bgcolor= orange>
<img src=gerb.WEBP width=50 align=left>
<hr>
 Название класса 
<hr>
 предмет 
 китайский 
<hr>
<img src=shkola.JPG height=200 align=right>
 
 Получение спецальности: 
<ul>

<li> лингвиста </li>
<li> историка </li>

</ul>
 Особенности спецальности: 
<Table border=1 align=left>
<TR>
<TD align=center> предмет </TD>
<TD> количество лет </TD>
</TR>
<TR>
<TD> история </TD>
<TD> 6 </TD>
</TR>
 
 
 
<hr>
 Автор: 
</body>
</html>

Сама таблица должна быть ДО строки "Автор"

Answer 1

Спроси у чата гпт. Исправит таблицу до неузнаваемости. В хорошем смысле

Answer 2

В коде есть несколько ошибок:

Отсутствует закрывающий тег для тега fontвнутри :

 предмет 
После этого нужно добавить закрывающий тег .

Отсутствует закрывающий тег для тега fontвнутри <table>:

<Table border=1 align=left>
<TR>
<TD align=center> предмет </TD>
<TD> количество лет </TD>
</TR>
<TR>
<TD> история </TD>
<TD> 6 </TD>
</TR>
 
 
 
<hr>
 Автор: 
</body>
</html>
После этого нужно добавить закрывающий тег </body>.

Неправильное использование внутри <table>: Теги fontдолжны находиться внутри <td>, а не внутри <table>.

Лишние теги внутри <table>: Теги не нужны внутри <table>, так как ячейки таблицы уже создают разрывы строк.

Использование тега вместо CSS: Современный подход — используйте CSS для стилизации текста.

Исправленный код:

<html>
<head>
<title> Главная </title>
<style>
body {
background-color: orange;
}
.title {
font-size: 7em;
color: red;
font-weight: bold;
text-align: center;
}
.subject {
font-size: 5em;
text-align: center;
}
.specialty {
font-size: 5em;
font-style: italic;
}
.features {
font-size: 4em;
font-style: italic;
}
</style>
</head>
<body>
<img src="gerb.webp" width="50" align="left">
<hr>
Название класса
<hr>
предмет
китайский
<hr>
<img src="shkola.jpg" height="200" align="right">
 
Получение спецальности:
<ul>
<li>лингвиста</li>
<li>историка</li>
</ul>
Особенности спецальности:
<table border="1" align="left">
<tr>
<td align="center">предмет</td>
<td>количество лет</td>
</tr>
<tr>
<td>история</td>
<td>6</td>
</tr>
</table>
<hr>
Автор: 
</body>
</html>
Надеюсь помог

Answer 3

Андрей Чалов Ученик (161) 1 месяц назад

Попробуй через ИИ прогнать