Конструкция стола: очень простой вопрос для начинающих - PullRequest
1 голос
/ 05 марта 2020

Я только начал изучать элементарное «кодирование» (HTML), и я застрял на столе, который мой учитель подарил нам на долгие выходные (обратите внимание, что я нахожусь в отпуске, так что это не учитывает какую-либо степень и Я не увижу его до вторника). Я понимаю, что это, вероятно, очень простое решение, но я боролся с ним с полудня.

Файл связанного изображения показывает таблицу, которую он хочет, чтобы мы строили, используя только 1025 * (нет CSS). Я предполагаю, что есть те, кто посчитает это не современной техникой, но я думаю, было бы неплохо знать, как, по крайней мере, добиться этого, используя прямой HTML.

. верхний ряд - это один длинный ящик (скажем, у него одна единица высоты), второй ряд сверху содержит два ящика по три единицы высоты, третий из верхнего ряда - еще один длинный ящик высотой в одну единицу сверху самые нижние пять ящиков высотой в одну единицу, каждый из которых имеет одинаковый размер.

Во всех ячейках нет данных, хотя он нарисовал два больших X в больших ячейках] [1], чтобы показать, что эти ячейки будут иметь заполнители 'X' и не быть пустым. [1]: https://i.stack.imgur.com/LK7oJ.png

Молодой код HTML, который мне удалось придумать, таков:

    <html>
    <head>
     	<title>Under the Table</title>
    </head>
    <body>
    	<center> <h2>Table Example</h1></center>
    	<center>
    		<table border="3">
    				<tr>   
    					<th colspan="5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</th>
    				</tr>
    				<tr>
    					<td colspan="2.50" height="100"; width="100"><center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</center></td>
    					<td colspan="2.50" height="100"; width="100"><center>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</center></td>
    				</tr>
    				<tr>
    					<td colspan="5">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</td>
    					
    				</tr>
    				<tr>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					<td width="10%">&nbsp;</td>
    					
    				</tr>
    		</table>
    </body>
    </html>

Запустите код, и вы увидите, что, хотя все выглядит нормально, второй ряд с прямоугольниками тройной высоты сжимается, оставляя большое пространство в правой части ряда. Просто запустите код, и вы увидите мою проблему.

Хорошо, так что подытожим и сформулируем это явно: я не могу создать таблицу с восемью пустыми ящиками и двумя большими (тройной высоты) ящиками с одиночный символ внутри них, использующий только 1030 * (я, вероятно, не мог управлять никакими другими средствами, но все же). Любой совет, основанный как на желаемом выводе (рисунок), так и на моей последней неудачной попытке (чьи два больших поля во втором ряду слишком малы по горизонтали и оставляют пустое пространство без ячеек)?

NB: Я в отпуске, и это не диплом. Поскольку я нахожусь в дополнительном отпуске на долгие выходные, я надеялся получить некоторую информацию от людей, которые знают о языке разметки (и программировании в целом). Спасибо за любую помощь.

1 Ответ

3 голосов
/ 05 марта 2020

Таким образом, аргумент colspan не принимает десятичную дробь. В этом случае вы можете просто умножить столбцы на 2, чтобы получить 10 для первой и третьей строки, что означает, что вторая строка будет 2 вместо 2,50. Однако вы, вероятно, не достигнете очень хорошего конечного результата с этим, поскольку ваш 4: th будет только 50% (10% * 5) в вашем коде.

Я действительно не хочу этого дам вам все ответы здесь, если это для школы, но вы можете поиграть с этим, если хотите увидеть, что происходит.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...