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>

Дополнен 1 месяц назад

Пишу этот код в блокноте если что (это обязательно)

Answer 1

Antsibor Andrey Ученик (124) 1 месяц назад

Ты где пишешь этот html код для сайта?
Советую использовать Codly, он подсказывает по синтаксисам и указывает на ошибки

Редакт, сейчас пропишу код и подскажу

Antsibor AndreyУченик (124) 1 месяц назад

Проверил код, открывает, всë в порядке, вниз не тянет.
Ты через какой браузер открываешь?
Я проверил через Яндекс браузер, майкрософт эйдж и опера gx

Antsibor AndreyУченик (124) 1 месяц назад

Lizzy B Ученик (102) Antsibor Andrey, Привет) дело в том что таблица должна быть до строки "Автор" . Открываю через google chrome.

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>
Вот так надеюсь помог