|
||||||||
|
||||||||
Меню Игровые комнаты на Новый год Аренда новогодних игровых комнат на праздник- это неподдельные эмоции, веселые улыбки и море удовольствия для маленьких гостей, которые так ждут Новый год! Это создание сказочного пространства, где детей ждут, любят и балуют.
Отдохни на нашем сайтеСтранички на заметкуАнекдот в студию!!! |
HTML код структуры этого сайта
Ну вот настало время разобраться, как же всё-таки верстался данный сайт. Оговорюсь сразу, что я здесь не собираюсь заниматься плагиатом и переписывать Вам сайт постройка.ru, я просто опишу те ступени в моей работе, которые мне пришлось пройти создавая этот сайт, а за конкретной информацией в конкретном месте я буду ссылками направлять Вас на сайт постройка.ru.
Если навести курсор на текст сайта и нажать правую кнопку мыши, то во всплывшем окне Вы увидите строку "просмотр HTML-кода", не пугаитесь, эта абракадабра не так страшна, как это может показаться с первого взгляда. Cейчас мы разберём её но косточкам и Вы сами всё поймёте. Вначале я пропишу вот это <HTML> <HEAD> <TITLE></TITLE> </HEAD> <BODY> </BODY> </HTML> Это я назвал для себя зародышем сайта, без этого начала не обходится ни один сайт. Подробно об этом см. <Html> <Head> <Title>Мысли на кончике пера</Title> </Head> <Body> <table> <tr> <td>1x1</td> <td>1x2</td> <td>1x3</td> </tr> <tr> <td>2x1</td> <td>2x2</td> <td>2x3</td> </tr> <tr> <td>3x1</td> <td>3x2</td> <td>3x3</td> </tr> <tr> <td>4x1</td> <td>4x2</td> <td>4x3</td> </tr> <tr> <td>5x1</td> <td>5x2</td> <td>5x3</td> </tr> </table> </Body> </Html>; Вот эту структуру я назвал для себя хребет сайта, где описание и назначение тегов <tr></tr> и <td></td> Вы найдёте на <Html> <Head> <Title>Мысли на кончике пера</Title> <Body> </Head> <Body> <table> <tr> <td width"170">1x1</td> <td width="586">1x2</td> <td width="224">1x3</td> </tr> <tr bgcolor="#FFFFCC"> <td height="250" width="170">2x1</td> <td width="586">2x2</td> <td width="224">2x3</td> </tr> <tr bgcolor="#FFFFCC"> <td height="250"> width="170">3x1</td> <td width="586">3x2</td> <td width="224">3x3</td> </tr> <tr bgcolor="#FFFFCC"> <td height="250" width="170">4x1</td> <td width="586">4x2</td> <td width="224">4x3</td> </tr> <tr> <td height="120" width="170">5x1</td> <td width="586">5x2</td> <td width="224">5x3</td> </tr> </table> </Body> </Html>. Вот теперь начинает что-то проявляться. Ячейки 1х1,1х2,1х3,5х1,5х2,5х3 Я не стал закрашивать потому, что на их месте всё равно будут находиться картинки. Теперь применив к последнему документу знания <Html> <Head> <Title>Мой сайт</Title> </Head> <Body> <table> <tr> <td height="229" colspan="3"><center>1x1</center></td> </tr> <tr> < bgcolor="#FFFFCC"> <td height="250" width="170"><center>2x1</center></td> <td width="586" rowspan="3"><center>2x2</center></td> <td width="224"><center>2x3</center></td> </tr> <tr bgcolor="#FFFFcc"> <td height="250" width="170"><center>3x1</center></td> <td width="224"><center>3x3</center></td> </tr> <tr bgcolor="#FFFFCC"> <td height="250" width="170"><center>4x1</center></td> <td width="224"><center>4x3</center></td> </tr> <tr> <td height="120" colspan="3"><center>5x1</center></td> </tr> </table> </Body> </Html> Вот его уже можно назвать скелетом сайса. Нарашивать на него мышцы, т.е. заносить в него документы мы будем на одноимённой странице. |
ПерваяВеб-мастеруПоискСтранички истории
|
||||||