Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
HTML_не_язык_программирования.doc
Скачиваний:
24
Добавлен:
19.05.2015
Размер:
327.17 Кб
Скачать

Создадим на диске папку с именем HTML странички и сохраним туда наш документ. Дадим ему имя index.html. Теперь откроем Internet Explorer, заходим в меню Файл>Открыть. Нажимаем на кнопку Обзор и находим наш документ, который мы сохранили, нажимаем кнопку Открыть. Ну как, впечатляет? Посмотреть пример.

А теперь разберемся в нашей писанине.

<html>

открылся обязательный тэг, показывающий о начале HTML документа.

<head>

это обязательный тэг. Что-то вроде головы. Между этим тэгом мы пишем что-то вроде служебной информации.

<title>1-ая страничка</title>

все, что вы напишите между <title> и </title> будет отображено в заголовке окна. В данном случае там будет написано: 1-ая страничка.

</head>

закрытие тэга головы.

<body>

это обязательный тэг. Будем называть его телом. Все, что вы напишите между тэгом <body> и </body> будет отображено на вашей страничке. Весь текст, написанный в теле будет отображен в строку. Для того, чтобы текст был не в строку, а скажем каждое предложение с новой строки, то ставим тэг <br> перед или после предложения. О нем ниже.

<br>

переход на следующую строку. Тэг закрывать ненужно.

</body>

обязательный тэг. Закрытие тела.

</html>

обязательный тэг. Конец нашего документа.

Есть еще множество тэгов, но о них мы поговорим в следующих уроках.

Если вы измените что-нибудь в нашем *.html файле и захотите посмотреть изменения, то откройте Internet Explorer и загрузите ваше страничку. Если она у вас уже загружена, то просто нажмите F5 или на кнопку Обновить. Урок 3

Установление цвета фона и текста.

На этом уроке вы научитесь изменять цвет фона и текста.

Создайте новый документ и напишите там следующий текст.

Сохраняем. Открываем в Internet Explorer. Посмотреть пример.

Как видите мы познакомились с новым для вас тэгом <font></font>. У этого тэга много атрибутов. Можно изменить цвет текста, размер и шрифт. На этом уроке мы рассмотрим только один - изменение цвета, а с остальными познакомимся позже.

Чтобы изменить цвет текста в тэге <font> пишем атрибут color="цвет" - <font color="#CC0000">Тут ваш текст</font>. Измените #CC0000 на свой цвет.

Разбираемся в писанине.

<html> <head> <title>2-ая страничка</title> </head>

<body text="yellow" bgcolor="black">

все это нам уже известно, но вот у тэга <body> мы видим атрибут text="цвет" в данный момент text="yellow" и bgcolor="цвет" в данный момент bgcolor="black". Ппараметр text устанавливает цвет текста по всему документы, т.е. если вы укажете этот атрибут, то любой текст напечатанный в документе будет одного цвета. Если хотите изменить цвет определенного текста используйте тэг <font></font>. Атрибут bgcolor устанавливает цвет фона вашей странички. <font color="#CC0000">Добро пожаловать!</font>

цвет текста красный.

<br>Это моя первая страничка.

текст на новой строке

</body> </html>

Я тут когда вспоминал сидел как я учился, кто меня учил, я вспомнил, что нам (в группе нас было 6 человек) учитель не дал атрибуты topmargin="число", leftmargin="число". Ну ятогда про них и не знал. :) А когда уже отучился, узнал. И вот в учебник я их включу. Атрибут topmargin="число" (<body topmargin="0">) устанавливает расстояние до верха окна, а leftmargin="число" (<body leftmargin="0">) устанавливает расстояние до левого края окна. Вроде все.

Ничего сложного я тут не вижу. Пойдем дальше. Размер и шрифт текста.

С цветом мы разобрались. Теперь я вам расскажу о размере и шрифте текста.

Напишите следующий текст в блокноте.

Сохраните его. Посмотреть пример.

Теперь вы знаете новые атрибуты face="название шрифта" и size="размер текста". Они пишутся в тэге <font>. Пример: <font face="Arial" size="10">Тут ваш текст</font>.

Как всегда разбираемся в писанине.

<html> <head> <title>3-ая страничка</title> </head> <body bgcolor="black">

все это мы уже знаем. Так ведь? ;)

<font color="#CC0000" face="Arial" size="14">Добро пожаловать!

<br>Это моя третья страничка.</font>

тут мы видим, что текст будет красного цвета, шрифт текста Arial и размер 14-ый. </body> </html>

Вот и все. Заданий пока не будет. :) Параграфы.

Параграфы и этим все сказано.

Параграфы вводятся тэгом <p></p>

Центрировать текст с помощью параграфа <p align="center">Тут ваш текст</p>. Еще можно с помощью тега <center>Тут ваш текст</center>

Выравнивать по левому краю <p align="left">Тут ваш текст</p>.

Выравнивать текст по правому краю <p align="right">Тут ваш текст</p>.

Выравнивание текста по обеим краям документа <p align="justify">.

Напишите следующий текст в блокноте.

Сохраните его. Посмотреть пример.

Разбираемся.

<html> <head> <title>Параграфы</title> </head> <body text="green" bgcolor="Nevy"> <p align="center"><font color="yellow" face="Arial" size="14">Добро пожаловать! Это моя третья страничка.</font></p>

тут текст центрирован, желтого цвета <p align="left">Автор: Нормурадов Игорь</p>

тут идет выравнивание по левому краю

<p align="right">Меня зовут Игорь</p> тут идет выравнивание по правому краю

<center>Использование тэга center</center> <p align="justify"><font color="green" size="9" face="Courier New">Я расскажу немного о себе. Я программист на Visual Basic. Visual Basic - это круто. Создаю сайты на досуге, пишу проги.<font></p>

тут идет выравнивание по обеим краям документа краю </body> </html>

Все. Этот урок закончен.

Заголовки.

Заголовки предназначены для выделения текста или для написания заголовков. Существует 6 видов заголовков.

<h1>Ваш текст</h1>

<h2>Ваш текст</h2>

<h3>Ваш текст</h3>

<h4>Ваш текст</h4>

<h5>Ваш текст</h5>

<h6>Ваш текст</h6>

Напишите следующий текст в блокноте.

Сохраните его. Посмотреть пример.

Разборка. :)

<html> <head> <title>Пример с заголовками</title> </head> <body text="green" bgcolor="Nevy"> <center><h2><font color="yellow">Добро пожаловать! Это моя первая страничка.</font></h2></center>

тут я использовая заголовок 2-ого уровня <h2></h2> <p align="left"><h1>Заголовок 1-ого уровня</h1></p>

тут я использовая заголовок 1-ого уровня <h1></h1> <p align="justify"><h4>Я расскажу немного о себе. Я программист на Visual Basic. Visual Basic - это круто. Создаю сайты на досуге, пишу проги.</h4></p>

тут я использовая заголовок 4-ого уровня <h4></h4> </body> </html>

Урок 7 Курсив, жирный текст, подчеркнутый текст.

На этом уроке вы научитесь делать курсив, жирный текст, подчеркнутый текст.

Курсив <i>Ваш текст</i> - будет выглядеть так: курсив

Жирный текст <b>Ваш текст</b> - будет выглядеть так: жирный текст

Подчеркнутый <u>Ваш текст</u> - будет выглядеть так: подчеркнутый текст

Этими тэгами можно комбинировать. Например:

Курсив и жирный текст <i><b>Ваш текст</b></i> - будет выглядеть так: курсив и жирный текст

Ну это как вам будет угодно, а теперь напишите следующий текст в блокноте.

Сохраните его. Посмотреть пример.

Разберемся с текстом, хотя, мне кажется, тут и так все понятно.

Заметили? Я не даю задания. :) Все на вашей совести. Повторяйте по несколько раз и вы все запомните.

Урок 8 Ссылки. Все о работе с ссылками.

На этом уроке вы научитесь делать ссылки(гиперссылки). Они нужны нам для того, чтобы пользователь смог загружать другие страницы вашего сайта, картинки, другие сайты. Короче с помощью ссылки пользователь сможет гулять по вашим страничкам. А теперь рассмотрим тэг определяющий ссылку.

<a></a> - тэг ссылки

<a href="ссылка">Текст</a>

в атрибуте href пишите ссылку на страницу или сайт. Между тэгом <a> вот тут </a> пишется текст. При клике на этот текст пользователь попадет на страничку или сайт написанный вами в атрибуте href.

Ссылки бывают разные. Пример ссылок.

<a href="страничка">Ваш текст</a>

Пример: <a href="index.htm">Главная страничка</a>

Этот пример ссылки показывает, что ссылка стоит на страничку index.htm, которая находится в одной папке с этой страничкой.

<a href="имя папки/страничка">Ваш текст</a>

Пример: <a href="about/index.htm">Обо мне</a>

Этот пример ссылки показывает, что ссылка стоит на страничку index.htm в папке about, которая находится в одной папке с этой страничкой.

<a href="../страничка">Назад</a>

Пример: <a href="../08.htm">Назад</a>

Тут ссылка стоит на страничку, которая находится в папке, в которой находится папка с этой страничкой. :)

<a href="сайт">Ваш текст</a>

Пример: <a href="http://www.igorenat.hut.ru">Мой сайт</a>

Этот пример ссылки показывает, что ссылка стоит на сайт www.igorenat.hut.ru.

Ссылки можно открыть в новом окне. Для этого нужен атрибут target.

<a href="ссылка" target="_blank">Текст ссылки</a>

Пример: <a href="friends.html" target="_blank">Мои друзья</a>

Чтобы открыть ссылку в новом окне, как я уже говорил, нужен атрибут target который равен "_blanck"(target="_blank"). Он пишется в тэге <a target="_blank"></a>

Так же можно установить закладку. Для установления закладки нужно, в том месте, где ты хочешь поставить закладку написать:

<a name="имя закладки">Тут можете написать текст, но не обязательно</a>

Пример: <a name="top"></a>

Закладку мы поставили, а теперь нужно сделать на нее ссылку чтобы на нее попасть. Делается это следующим образом:

<a href="имя вашей закладки, на которую нужно перейти">Текст</a>

Пример: <a href="#top">Вверх</a>

Когда пишете ссылку на закладку нужно перед именем закладки поставить знак # (переключиться на английский и нажать SHIFT+3).

Картинка тоже может быть ссылкой, но об этом в другом уроке. :)

Еще есть ссылка на ваш почтовый ящик(e-mail). Это тоже просто.

<a href="mailto:ваш ящик">Напишите мне</a>

Пример: <a href="mailto:i-sof@mail.ru">Напишите мне</a>

Замените i-sof@mail.ru на ваш ящик и все. Mailto: должно быть всегда, если делаете ссылку на ящик.

Если вы делаете ссылку то она будет такого цвета "ссылка". Ссылка, по которой уже заходили будет такого цвета "ссылка". Активная ссылка будет такого цвета "Ссылка". Чтобы изменить эти цвета вам нужны атрибуты тэга <body>, новые для вас: link="цвет ссылки", vlink="цвет" и alink="цвет". А пишутся они так.

<body link="цвет" vlink="цвет" alink="цвет">

<body link="#CC0000" vlink="#FFFF00" alink="#008000">

В этом примере цвет ссылки будет красный, цвет ссылки которую уже посещали будет желтый, цвет активной ссылки будет зеленый.

Итак, перейдем к примерам. Для этого вам нужно создать папку(пусть будет: мой сайт), в ней еще папку с именем about. В первой папке создайте 3 HTML документы с именем texts.html, anekdots.html, other.html. В папке about создайте HTML документ с именем index.html. Содержимое документов придумайте сами. Это вы уже умеете.

А теперь напишите следующий текст в блокноте.

Сохраните его в ту папку, которую вы создали(мой сайт). Посмотреть пример.

Разбирать не будем. По моему я описал хорошо. Если вы все сделали правильно, то ссылки будут работать.

Дам совет: Если вам понравился какой-нибудь сайт или страничка, кликните правой кнопкой на ней и выберите Просмотр HTNL-кода. Откроется блокнот и вы в нем увидите уже наш родной HTML. Почти всегда там можно найти что-то новое и интересное для себя. На собственном опыте знаю.

А теперь вперед на следующий урок.

Урок 9 Вставка картинок и их атрибуты.

Ну вот мы дошли до картинок. На этом уроке вы научитесь вставлять картинки в ваши странички, узнаете атрибуты картинки. А пока я вам скажу чем можно сделать картинку. Для начала вам нужны мозги, руки и можно пользоваться стандартным Microsoft Paint, но это нам не пожходит. Я вам посоветую Adobe Photoshop, т.к. сам им пользуюсь. :) Может вы сами знаете хороший графический редактор. Ну этот выбор вы уже сделаете сами.

Для работы с картинками используется тэг <img>. Чтобы вставить картинку на страничку нужен атрибут src="картинка" тэга <img>. Ну ладно дам сразу пример.

<img src="имя картинки">

Пример: <img src="image.jpg">

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

<img src="имя папки/имя картинки">

Пример: <img src="images/image.jpg">

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

<img src="../имя картинки">

Пример: <img src="../image.jpg">

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

Можно вставить картинку с другого сайта. Пример ниже.

<img src="сайт/имя картинки или сайт/папка/имя картинки">

Пример: <img src="http://www.igorenat.hut.ru/b2.gif или http://www.igorenat.hut.ru/ban/b2.gif">

Этот пример используется, если картинка находится на другом сайте.

А теперь напишите следующий текст в блокноте.

Вместо нашей картинки вставьте свою. Сохраните его. Посмотреть пример.

Разберем.

<html> <head> <title>Все о работе с картинками. Вставка картинок и их атрибуты.</title> </head> <body text="yellow" bgcolor="black" link="#CC0000" vlink="#FFFF00" alink="#008000">

это вы уже должны знать <center><h3>Добро пожаловать!</h3></center> <h2>Это моя фотогалерея.</h2> <br><img src="../001.jpg">Эта фотография была сделана на военных действиях в Ираке.

а тут мы вставляем картинку, пишем описание к картинке, а вы уже наверно догадались где находится картинка </body> </html>

Теперь поговорим о атрибутах тэга <img>. У этого тэга есть атрибуты как у тэга <p>(<p align="left/right">), но их немного больше. Вот они.

<img src="картинка" align="left">

Картинка будет слева, а текст справа.

<img src="картинка" align="right">

Картинка будет справа, а текст слева.

<img src="картинка" align="bottom">

Картинка будет внизу.

<img src="картинка" align="middle">

Картинка будет посередине.

<img src="картинка" align="top">

Картинка будет сверху.

Кроме атрибута align есть еще другие атрибуты. Вот они.

<img src="картинка" Vspace="цифра">

Этот атрибут задает расстояние по вертикали между картинкой и текстом. Расстояние в пикселях.

<img src="картинка" Hspace="цифра">

То же самое, что Vspace только Hspace задает расстояние по горизонтали.

<img src="картинка" Width="нирина">

Этот атрибут задает ширину картинки.

<img src="картинка" Height="высота">

Этот высату задает ширину картинки.

<img src="картинка" border="цифра">

Этот атрибут рисует рамку вокруг картинки.

<img src="картинка" Alt="Описание картинки">

Этот атрибут задает описание картинки. Если задать этот атрибут, то при наведении курсора на картинку и держа несколько секунд, то выйдет текст(описание) заданный атрибутом Alt.

Можно задавать сразу несколько атрибутов.

Сразу научу вас вставлять картинку как фон. Для этого у тэга <body> есть атрибут background. Чтобы вставить картинку в фон смотрите ниже.

<body background="картинка">

Пример: <body background="../002.jpg">

Картинка будет как фон странички.

Можно сделать картинку как водяной знак, т.е. при прокрутке скролбара она будет оставаться на месте, а все остальное двигаться.

Пример: <body background="../002.jpg" bgproperties="fixed">

А теперь напишите следующий текст в блокноте.

Сохраните. Посмотреть пример.

Разберем вместе.

<html> <head> <title>Все о работе с картинками. Вставка картинок и их атрибуты.</title> </head> <body background="../002.jpg" bgproperties="fixed" text="yellow" bgcolor="black" link="#CC0000" vlink="#FFFF00" alink="#008000">

фоном будет картинка как водяной знак, чтобы фоном было апрсто картинка удалите атрибут bgproperties="fixed". <center><h3>Добро пожаловать! Это моя фотогалерея.</h3></center> <p align="justify"> <img src="../001.jpg" align="left" Hspace="5" alt="Война в Ираке" border="2">

вставили картинку. Равняется левому краю, текст справа от картинки на расстоянии 5 пикселей, рамка 2 пикселя. При наведении на картинку мыши появится описание "Война в Ираке". <font color="green" size="5">Эта фотография была сделана на военных действиях в Ираке. Горит нефтяная скважена. Я был против войны в Ираке, но хотел посмотреть на что способны эти две стороны. </font>

подробное описание картинки </p>

<p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p> <p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p> <p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p><p>&nbsp</p>

это специально, чтобы проверить будет фоновая картинка как водяной знак или нет(использовался специальный символ &nbsp. О них мы поговорим позже)

подвигайте вниз вверх </body> </html>

Советую вам потренироваться еще с атрибутами. Вставляйте их, изменяйте значения. Если перейдете сразу на следующий урок, то просто забудете их.

А пока на этом уроке все.

Картинки как ссылки.

На этом уроке вы научитесь ставить ссылку на картинку. Почти то же самое, что и ссылка с текстом. Просто вместо текста ставится картинка. Пример ниже.

<a href="war.htm"><img src="../001.jpg" Vsoace="5" align="left" Alt="Военный сайт..."></a>

Все очень просто. Просто вместо текста ставим тэг с картинкой, настраиваем все нужные атрибуты.

А теперь напишите следующий текст в блокноте.

Вместо моей картинки вставьте свою. Сохраните. Посмотреть пример.

Разберем вместе.

<html> <head> <title>Все о работе с картинками. Картинки как ссылки.</title> </head> <body background="../002.jpg" bgproperties="fixed" text="yellow" bgcolor="black" link="#CC0000" vlink="#FFFF00" alink="#008000"> <center><h3>Добро пожаловать! Это моя фотогалерея.</h3></center> <p align="justify"> <a href="../10.htm" target="_blank"><img src="../001.jpg" align="left" Hspace="5" alt="Война в Ираке" border="2"></a>

все просто, если вы читали предыдущий урок, то вы все сами поймете, а для тех, кто не читал еще раз объясню. Ставим ссылку на картинку, которая будет открывать страничку в новом окне, картинка выравнивается по левому краю, текст справа от нее на расстоянии 5 пикселей, при наведении на картинку курсора появится подсказка: Война в Ираке. Все <font color="green" size="5">Эта фотография была сделана на военных действиях в Ираке. Горит нефтяная скважена. Я был против войны в Ираке, но хотел посмотреть на что способны эти две стороны.</font> </p> </body> </html>

Сложного я тут ничего не вижу, а как я обещал на следующем уроке будем изучать специальные символы, а на этом уроке все.

Специальные символы.

Я вам обещая специальные символы. Так вот, на этом уроке о них мы поговорим. Они нам нужны для того, чтобы писать символы типа < > & " и пробел. А вы спросите: А почему просто не поставить < или >? А потому-то и нельзя, потому что, как мы уже знаем, символ < и > используются при написании тэгов. Если вы напишете: Я сравнил 1 < 100 > 20, то у вас < 100 > будет как тэг. :) И что у вас получится? Так вот для чего они и нужны. Список этих символов ниже.

< - символ <

> - символ >

  - ставит пробел

" - " (кавычка)

& - & (амперсант)

Пример: <font color="#CC0000"><b><u><i>1&lt;100&gt;20</i></u></b></font> = 1<100>20

Запомните. Спецсимволы не пишутся в тэгах. Они как текст.

Урок 12 Линии - очень просто.

Сейчас буду учить вас вставлять линии. Они задаются тэгом <hr> и его не надо закрывать. У них есть несколько атрибутов. Они нижу.

<hr align="left">

Ну эти атрибуты мы уже знаем, на линию они действуют так же, как и на текст. У линии они такие же, как у тэга <p> (left, right, center) и других.

<hr width="100%"> или <hr width="30">

Атрибут width устанавливает ширину линии. Можно задать в процентах или в пикселях.

<hr color="#CC0000">

Этот атрибут устанавливает цвет линии.

<hr size="цифра">

Этот атрибут устанавливает толщину линии.

<hr NoShade>

Если написать этот атрибут, то у линии не будет тени. Она не будет объемная.

Можно все эти атрибуты использовать вместе. Это будет выглядеть типа вот этого.

Списки, нумерация.

Наверно вы уже встречались со списками. Если нет, то сейчас увидите. А на этом уроке мы будем учиться впихивать списки на нашу страничку. Есть несколько видов списков.

Для списков используется тэг <ul></ul>, а для нумерации <ol></ol>.

  • текст 1

  • текст 2

<ul>

<li type="disk">текст 1</li>

<li type="disk">текст 2</li>

</ul>

У списков так же есть атрибут type (тип) и его свойства disk, circle, square, для данного вида используется свойство disk (type="disk").

Просто меняйте значение type на disk, circle или square и вид изменится. Так же можно менять шрифт текста, размер, цвет. Это уже за вами. Вы это все умеете.

Теперь нумерация.

  1. текст 1

  2. текст 2

<ol>

<li type="1">текст 1</li>

<li type="1">текст 2</li>

</ol>

У тэга li в тэге ol тоже есть атрибут type, но с другими значениями - I, i, A, a, 1. В данном примере используется значение по умолчанию (type="1").

Просто заменяйте значение type на I, i, 1, A, a и вид изменится.

Ура. Все. Теперь переходим к таблицам. :)

Урок 14 Создаем простую таблицу.

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

Таблица задается тэгом <table></table>.

Так же таблицы состоят из строк и столбцов. Строка таблицы задается тэгом <tr></tr>, столбец(ячейка) таблицы задается тэгом <td></td>.

У всех этих тэгов есть атрибуты, но о них я вам расскажу в другом уроке.

Пример таблицы в две строки (<tr></tr>) с тремя ячейками (<td></td>):

текст

текст

текст

текст

текст

текст

Отлично. Давайте создадим такую же простую таблицу.

Для начала создадим новую страницу. Напечатайте обязательные тэги. Сохраните в файл. Назовем его table1.html. Теперь между тэгами <body> и </body> напечатайте следующий текст.

У вас должно получиться что-то вроде этого:

<html>

<head>

<head>

<body>

<table> <tr> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> </tr> <tr> <td bgcolor="#FF9900">текст</td> <td bgcolor="#808080">текст</td> <td bgcolor="#FF9900">текст</td> </tr> </table>

</body>

</html>

Поздравляю. Вы создали свою первую простую таблицу. Советую вам сразу не переходить на следующий урок, а попробовать создать похожую таблицу, но уже сами (по памяти). Если что-то забудете посмотрите на пример. И так по памяти создайте несколько таблиц, чтобы усвоить этот урок. Попробуйте менять цвета. А когда все запомните, переходите к следующему уроку.

Урок 15 Создаем простую таблицу. Ширина, высота.

На этом уроке вы научитесь задавать ширину и высоту таблицам. Хочу напомнить, что ширина и высота устанавливаются атрибутами width(ширина) и height(высота). Ну что, приступим? Напомню, что теперь вы будете все писать собственноручно. На предыдущих уроках я давал вам код, который вы могли просто скопировать и вставить в блокнот.

Откроем блокнот. Напишем обязательные тэги и зададим заголовок окна "Создаем простую таблицу. Ширина, высота". Напечатайте такую же таблицу, как на первом уроке по созданию таблиц. Теперь допечатайте атрибуты, как написано ниже. Нужно чтобы текст в таблице был по середине в каждой строке и ячейке. Воспользуйтесь тэгом <center></center>.

<table> <tr> <td width="60" height="40" bgcolor="#808080">текст</td>

здесь для этой ячейки мы задали две атрибуты width и height, а для других одну width, а потому что, если даш ячейке высоту большую, чум у других, то у всех ячеек высота станет как у большей. У рядов тоже самое, если вы дали какому-то ряду большую длину, то у всех рядов длинна станет как у большей. <td width="60" bgcolor="#FF9900"><center>текст</center></td> <td width="60" bgcolor="#808080"><center>текст</center></td> </tr> <tr> <td width="60" height="40" bgcolor="#FF9900"><center>текст</center></td>

<td width="60" bgcolor="#808080"><center>текст</center></td> <td width="60" bgcolor="#FF9900"><center>текст</center></td> </tr> </table>

Сохраним в table2.html.

У вас должно получиться что-то вроде этого:

текст

текст

текст

текст

текст

текст

Итак, вы узнали как задать ширину и высоту таблице. А теперь вы должны запомнить. Для этого попечатайте несколько раз, пока не запомните.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]