Mail.ruПочтаМой МирОдноклассникиВКонтактеИгрыЗнакомстваНовостиКалендарьОблакоЗаметкиВсе проекты

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

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


<html>
<head>
<title> Главная </title>
</head>
<body bgcolor= orange>
<img src=gerb.WEBP width=50 align=left>
<hr>
<p align=center><font size=7 color=red><B> Название класса </B></font></p>
<hr>
<p align=center><font size=5> предмет </p></font>
<p align=center><font size=5> китайский </p></font>
<hr>
<img src=shkola.JPG height=200 align=right>
<br>
<p align=left><font size=5><I> Получение спецальности: </p></font>
<ul>
<font size=4>
<li> лингвиста </li>
<li> историка </li>
</font>
</ul>
<p align=left><font size= 4><I> Особенности спецальности: </p></font></I>
<Table border=1 align=left>
<TR>
<TD align=center> предмет </TD>
<TD> количество лет </TD>
</TR>
<TR>
<TD> история </TD>
<TD> 6 </TD>
</TR>
<br>
<br>
<br>
<hr>
<p align= right><font size=4> Автор: </p></font>
</body>
</html>
Дополнен 8 часов назад
Пишу этот код в блокноте если что (это обязательно)
2 ответа
Antsibor Andrey Ученик (105) 8 часов назад
Ты где пишешь этот html код для сайта?
Советую использовать Codly, он подсказывает по синтаксисам и указывает на ошибки

Редакт, сейчас пропишу код и подскажу
Antsibor AndreyУченик (105) 8 часов назад
Проверил код, открывает, всë в порядке, вниз не тянет.
Ты через какой браузер открываешь?
Я проверил через Яндекс браузер, майкрософт эйдж и опера gx
Antsibor AndreyУченик (105) 8 часов назад
Lizzy B Ученик (96) Antsibor Andrey, Привет) дело в том что таблица должна быть до строки "Автор" . Открываю через google chrome.
Дмитрий Солов Ученик (153) 5 часов назад
В коде есть несколько ошибок:

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

<p align=center><font size=5> предмет </p></font>
</font>После этого нужно добавить закрывающий тег </p>.

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

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

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

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

Использование тега <font>вместо 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>
<p class="title">Название класса</p>
<hr>
<p class="subject">предмет</p>
<p class="subject">китайский</p>
<hr>
<img src="shkola.jpg" height="200" align="right">
<br>
<p class="specialty">Получение спецальности:</p>
<ul>
<li>лингвиста</li>
<li>историка</li>
</ul>
<p class="features">Особенности спецальности:</p>
<table border="1" align="left">
<tr>
<td align="center">предмет</td>
<td>количество лет</td>
</tr>
<tr>
<td>история</td>
<td>6</td>
</tr>
</table>
<hr>
<p align="right">Автор: </p>
</body>
</html>
Вот так надеюсь помог
Похожие вопросы