Ще се направи в новата таблица на файл от една колона към клетка, която е в менюто, да представи връзки към достъпно, а други все още не са направили страници WEB сайт. След WEB сайт може да съдържа 10 s страници. Ето защо изключително важно, за да може бързо да изберете подходящата страница на менюто. Това меню след това ще се постави в левия край на екрана, така че тя постоянно остава в полезрението на потребителя.
Направете нов текстов файл и въведете ключовите тагове, които създават структурата на документа. В заглавието на документа, посочете в менюто. Цветът на фона и текста на документа без помощта избира друг така, че връзките са ясно видими:
Всяко начало маса таг
и завършва с маркера
. Линиите на таблицата образуват двойка тагове
, между които са разположени двойка маркери
. Всяка двойка от тези маркери образуват една колона. между отвора
и закриване
етикети, прикрепени текст или дори други съдържанието на клетка.
Като се има предвид силно изразени, HTML код, който описва нашата маса, състояща се от 1-ви стълб и съдържа елементите на менюто с имената на уеб страниците се изисква да има последващи действия форма
Поставете празен ред между отварящия
и закриване Маркирани и, тъй като тя, въведете кода е посочено.
Запазете документа в папка с името на WEB menu.html на, след като отворите прозореца на браузъра на файл menu.html.
Изработен маса контакт е поставен в левия край на екрана. Тази позиция може да бъде променена с помощта на отварящия маркер
опции в менюто са разположени една над друга, и на ръба на масата и клетки, които не са видими. Това се дължи на факта, че рамката и клетките на таблицата не се показват по подразбиране. За да активирате показването им, използвайте маркера
граница атрибут посочва като стойностите му дебелина на граничните пиксели.
Добавяне на маркер
атрибут граничен ширина: 1 пиксел, за да покаже на кадър и ширина клетки от таблица 1 пиксел:
Сега таблицата се показва с повдигнати граници.
таблица с размери на
Размери на масата обикновено се задава автоматично от браузъра, така че да се покаже съдържанието му. Но можете да зададете ширина фиксирана маса в пиксели с помощта на ширина атрибут.
Задаване на ширината на маса от 140 пиксела, чрез добавяне на ширината атрибут с начален маркер
така че тя да е под формата на:
В ширината на прозореца на браузъра на таблицата се намалява, така че по-голямата част от клетка текст ще се появи в два реда.
Когато се използва за да създаде таблица етикет колони
данни в клетката е обикновен текстов шрифт и по подразбиране подравнен вляво клетки. Ако тя е задължена да задели данни в клетките, например, заглавието на колони или редове на една маса, вместо тагове
удобно да се използва тагове
. Текстът в клетка
Обикновено това означава смел и съгласувана с центъра на клетката.
Нашето меню ще изглежда по-добре, ако тя точки ще бъдат съсредоточени в клетките и с удебелен шрифт. Защото ние замени елементите в HTML кода
елементи
.
Menu.html редактирате файла и да се замени тагове
и
съответно тагове
и
.
Маркерът
и
можете да използвате старите атрибути:
приведе - (център) за хоризонтално подравняване на съдържанието на клетката от центъра на ляво (вляво) и дясната (вдясно) ръб на клетката;
ширина - за да определите ширината на клетка в пиксели;
височина - да се определи височината на клетката;
valign - за вертикално подравняване на данните в клетката в горния (отгоре) и долната (отдолу) ръб и средата (в средата) клетки; По подразбиране valign = "среден".
Вижте как тези атрибути, а след това се връщат на масата в предишното му състояние.
Как да рисувате таблицата в различни цветове
Можете също така да промените цвета на най-малко една клетка, колона, ред или цялата таблица, вмъкване на стари BGCOLOR атрибут, съответно, в маркера
,
или
или чрез стил = "фон-цвят: # 666;".
Експериментирайте с цветовете и да изберат подходящ от вашата гледна точка, на масата.
Пример формиране менюта и връзки в таблицата
Редактирайте файла menu.html ред код, съдържащ имена меню пт главната страница и това, което ние сме страстни за. вмъкване на връзките по-горе съответно other.html и list.html файлове, така че тези линии се появиха на формуляра, който:
Сега първите две менюто Пет са подчертани и подчерта като линкове. Ние разглеждаме това как работят тези връзки.
Щракнете върху първата връзка - главната страница. В зависимост от версията на браузъра, other.html файл е зареден или ново лице, или в същия прозорец на браузъра.
Ако файлът е бил натоварен в същия прозорец на браузъра, след това кликнете върху бутона за заден ход (Назад) в лентата с инструменти, или просто затворете прозореца, когато файлът е бил зареден в нов прозорец. На дисплея ще се появи отново menu.html файл.
Щракнете върху втората връзка - Какво се вълнува? Браузърът ще list.html файл.
Така че, ние направихме менюто и се е убедил в таблицата на базата на тази референтна работи.
Допълнителна информация за
Описание на елементарни стъпки, които трябва да произвежда и да разберат за производството на първия си банер за уеб страници
Тази статия описва създаването и работата с таблици в FrontPage програма
