Маленькая разминка - HTML и CSS

Argon_ · 09.10.2014, 21:41

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

Прошу помоооощь !)
Прошу создать сайт html , то есть написать коды , но, без CSS , то есть все стили вписывать в саму HTML
1) Залить цветом весь ХЕАД
2) В титле надпись "Аргон "
3) Ширина Боди 980
4) Разбить таблицами на 4 части страницу шапка, меню справка, контент подвал , бордюр таблицы 1 пх
5) В шапке разместить картинку в виде логотипа ( любую ) , заливка шапки Синее , высота 200 пх
6) В меню 15 пунктов маркированные со ссылками , заливка красное
7) В контенте кусок текста с 10-15 абзацами ( опять же любое , можете одно и тоже тупо вставлять и вставлять ), выравнивание по ШИРИНЕ, отступ первой строки , шрифт 14, тахома , цвет черный , заливка фона контента белым , заголовок текста
8) Подвал, высота 200 пх, заливка серый , год создания , шрифт 18 пх, выравнивание по центру, шрифт тимес нью роман , курсив , жирный
Разместить гиперссылку на яндекс и на почтовый адрес

P.s. Если кому сложно будет все это сделать с нуля , вот вам мои наброски , только они неправильные , меню слева а не справа , текст не выровнен , и так далее , так вот, можете просто мою исправить
[SPOILER]

Код HTML:

<!DOCTYPE html>
<html>
    <head>
       
        <title>Argon</title>

    </head>

    <body>
		<table>
			<tbody>
				<tr>
					<td style="background-color:blue;height:200px;">
					

<div id="header">
 <div class="logo1">
  <img src="img/argon (2).png" width="200" height="200" />
  </a>
 </div>
</div>
	
				</td>
				</tr>
				<tr>
					<td>
						<table>
							<tbody>
								<tr>
									<td width="20%" style="background:#ff0000;">
										<ul>
											<li>
												<a href="#0">Пункт 1</a>
											</li>
											<li>
												<a href="#0">Пункт 2</a>
											</li>
											<li>
												<a href="#0">Пункт 3</a>
											</li>
											<li>
												<a href="#0">Пункт 4</a>
											</li>
											<li>
												<a href="#0">Пункт 5</a>
											</li>
											<li>
												<a href="#0">Пункт 6</a>
											</li>
											<li>
												<a href="#0">Пункт 7</a>
											</li>
											<li>
												<a href="#0">Пункт 8</a>
											</li>
											<li>
												<a href="#0">Пункт 9</a>
											</li>
											<li>
												<a href="#0">Пункт 10</a>
											</li>
											<li>
												<a href="#0">Пункт 11</a>
											</li>
											<li>
												<a href="#0">Пункт 12</a>
											</li>
											<li>
												<a href="#0">Пункт 13</a>
											</li>
											<li>
												<a href="#0">Пункт 14</a>
											</li>
											<li>
												<a href="#0">Пункт 15</a>
											</li>
										</ul>
									</td>
									<td width="80%">
										<h1>Заголовок (H1)</h1>
										
										Сгенерировано 15 абзацей, 1467 слов, 9835 байтов Lorem Ipsum
										</p>
									</td>
								</tr>
							</tbody>
						</table>
					</td>
				</tr>
				<tr>
					<td style="height:200px; text-align:center; vertical-align:middle; background:#f5f5f5; font-family:Times New Roman; font-style:italic;">
                                                <b><a href="http://www.yandex.ru">Яндекс</a> <a href="http://www.mail.ru">Мыло</a></b>
					</td>
				</tr>
			</tbody>
		</table>
    </body>
</html>

[/SPOILER]

min@y™ · 09.10.2014, 22:02

Цитата:

это путевка в армию

В какую армию? Надеюсь, не в батальён Айдар?

ХТМЛ прикольно ковырять, когда скучно. Давай, шумни мне с утреца завтра, если не будет срочняка на работе, поковыряюсь.

Argon_ · 09.10.2014, 22:14

Цитата:

Сообщение от min@y™

В какую армию? Надеюсь, не в батальён Айдар?

ХТМЛ прикольно ковырять, когда скучно. Давай, шумни мне с утреца завтра, если не будет срочняка на работе, поковыряюсь.

Куда шумнуть?) Армия хз куда , там же на месте говорят куда попадаешь

min@y™ · 09.10.2014, 22:21

Цитата:

Куда шумнуть?

Да хоть в аську. Иль прям сюда (мне е-мыл придёт).

Цитата:

Армия хз куда , там же на месте говорят куда попадаешь

Значит, страну, таки, я угадал.

Осталось мiсто угадать.

Argon_ · 10.10.2014, 03:19

Цитата:

Сообщение от min@y™

Да хоть в аську. Иль прям сюда (мне е-мыл придёт).

Значит, страну, таки, я угадал.

Осталось мiсто угадать.

Ну тогда лучше сейчас шумну, ибо я после работы только , утром спать буду ) Пожалуйста не забудь ибо вся надежда на тебя !)

min@y™ · 10.10.2014, 09:16

Блин, ты б хоть на бамажке нарисовал примерный вид странички...

min@y™ · 10.10.2014, 11:20

Пришёл начальник, принёс задачу. Срок, как всегда, вчера.
Всё, что я успел сделать - прицепляю к ответу. Допили сам (там немного осталось) или отдай кому-нить доделать. В архиве ещё справочник тебе по тегам HTML, как бонус.

09.10.2014, 21:41	#1
Argon_ Пользователь Регистрация: 02.10.2014 Сообщений: 13	Маленькая разминка Здравствуйте , для кого то это обычная разминка на 15 минут , а для кого то , то бишь меня , это путевка в армию , суть темы раскрывать не буду , просто скажу , что если не сделаю , еду в армию Прошу помоооощь !) Прошу создать сайт html , то есть написать коды , но, без CSS , то есть все стили вписывать в саму HTML 1) Залить цветом весь ХЕАД 2) В титле надпись "Аргон " 3) Ширина Боди 980 4) Разбить таблицами на 4 части страницу шапка, меню справка, контент подвал , бордюр таблицы 1 пх 5) В шапке разместить картинку в виде логотипа ( любую ) , заливка шапки Синее , высота 200 пх 6) В меню 15 пунктов маркированные со ссылками , заливка красное 7) В контенте кусок текста с 10-15 абзацами ( опять же любое , можете одно и тоже тупо вставлять и вставлять ), выравнивание по ШИРИНЕ, отступ первой строки , шрифт 14, тахома , цвет черный , заливка фона контента белым , заголовок текста 8) Подвал, высота 200 пх, заливка серый , год создания , шрифт 18 пх, выравнивание по центру, шрифт тимес нью роман , курсив , жирный Разместить гиперссылку на яндекс и на почтовый адрес P.s. Если кому сложно будет все это сделать с нуля , вот вам мои наброски , только они неправильные , меню слева а не справа , текст не выровнен , и так далее , так вот, можете просто мою исправить [SPOILER] Код HTML: <!DOCTYPE html> <html> <head> <title>Argon</title> </head> <body> <table> <tbody> <tr> <td style="background-color:blue;height:200px;"> <div id="header"> <div class="logo1"> <img src="img/argon (2).png" width="200" height="200" /> </a> </div> </div> </td> </tr> <tr> <td> <table> <tbody> <tr> <td width="20%" style="background:#ff0000;"> <ul> <li> <a href="#0">Пункт 1</a> </li> <li> <a href="#0">Пункт 2</a> </li> <li> <a href="#0">Пункт 3</a> </li> <li> <a href="#0">Пункт 4</a> </li> <li> <a href="#0">Пункт 5</a> </li> <li> <a href="#0">Пункт 6</a> </li> <li> <a href="#0">Пункт 7</a> </li> <li> <a href="#0">Пункт 8</a> </li> <li> <a href="#0">Пункт 9</a> </li> <li> <a href="#0">Пункт 10</a> </li> <li> <a href="#0">Пункт 11</a> </li> <li> <a href="#0">Пункт 12</a> </li> <li> <a href="#0">Пункт 13</a> </li> <li> <a href="#0">Пункт 14</a> </li> <li> <a href="#0">Пункт 15</a> </li> </ul> </td> <td width="80%"> <h1>Заголовок (H1)</h1> Сгенерировано 15 абзацей, 1467 слов, 9835 байтов Lorem Ipsum </p> </td> </tr> </tbody> </table> </td> </tr> <tr> <td style="height:200px; text-align:center; vertical-align:middle; background:#f5f5f5; font-family:Times New Roman; font-style:italic;"> <b><a href="http://www.yandex.ru">Яндекс</a> <a href="http://www.mail.ru">Мыло</a></b> </td> </tr> </tbody> </table> </body> </html> [/SPOILER]

10.10.2014, 09:16	#6
min@y™ Цифровой кот Старожил Регистрация: 29.08.2014 Сообщений: 7,629	Блин, ты б хоть на бамажке нарисовал примерный вид странички... Расскажу я вам, дружочки, как выращивать грибочки: нужно в поле утром рано сдвинуть два куска урана...

Опции темы	Поиск в этой теме
Версия для печати Отправить по электронной почте	Поиск в этой теме: Расширенный поиск

Похожие темы
Тема	Автор	Раздел	Ответов	Последнее сообщение
Разминка для рограммистов	HAAAPSII	Фриланс	2	27.11.2010 01:19
Массивы( разминка для профи=) )	Bednyi_student	Общие вопросы C/C++	3	13.11.2009 01:22
Разминка по SQL	Georgios	БД в Delphi	6	18.02.2009 00:28
Разминка для мозгов	Dog	Помощь студентам	0	29.05.2008 20:56