Как да си направим HTML маса. цвят на маса

Нови уебмастъри са изправени пред много предизвикателства. Изглежда, че днес можем да използваме, за да създадете свои собствени шаблони на уеб сайтове, но проблемът е, че те не винаги имат желаните свойства, а след това трябва или да се създаде уеб сайт дизайн от нулата, или пък да прави промени в съществуващ код. И тогава той ще трябва познаване на HTML-код и минималната идеята за това как да настроите цвета на фона и страницата, поставете на снимка или видеоклип, направи таблица в HTML.

Започнете работа на масата

Един от най-трудните неща в маркиране HTML-страници - на масата. Проблемът не е сложността на тага, които, всъщност, не е твърде трудно да се помни, както и че при писането на код, можете лесно да се направи грешка - да се забрави за регистрация на допълнителен ред или клетка, въведете текста не отиде там, където е необходимо, както и други дреболии , И колкото повече масата, толкова по-голям шанс да направи грешка.

Ето защо, като се започне да се създаде таблица в HTML, препоръчваме максимум фокус и не се разсейва.

Първо, трябва да се направи в бъдеще маса върху парче хартия, маркировка тази, в която клетка вие ще бъдете, както и да се отбележи за себе си основните параметри на даден елемент.

Следното е за изчисляване на броя на редовете в таблицата и броят на клетките във всеки ред. Също така ви препоръчваме да се отбележи, елементи, като например наличието на изображения в таблицата, цвета на фона, граници, текста. Само тогава може да започнете да се създаде HTML таблица с помощта на записаната информация.

редактор

Така че след като сте създали таблица оформление. Сега ние трябва да избере най-подходящия редактор, за да го създадете. Можете да изберете конкретни сайтове и да дизайнерите да направят една маса в тях. С помощта на този софтуер, създаване на таблица е толкова просто, колкото в документа на Word. Можете да изберете програма като FrontPage. Въпреки факта, че програмата е доста стар, тя може да помогне да се създадат добри уеб сайтове, освен върху него може да се намери повече от един урок.

Ако искате да създадете HTML таблица с помощта на специален код, който може да се използва за тази цел и нормален ноутбук или редовен документ на Word. Въпреки това, тук ще трябва да работим усилено, като писане на код ще бъде дълъг.

Можете да използвате редактора вградена в софтуера самия двигател. Така че, когато се създава запис в много двигатели той осигурява възможност за добавяне на различни елементи, включително таблици. Дори и основните функции редактор не сте доволни, да направи промени в кода ще бъде по-лесно, отколкото да я пиша от нулата.

тагове

Независимо от това как редактор, който ще използвате, преди да започнете да създадете таблица в HTML, трябва да запомните основните тагове. Всички три от тях - <маса>, и . Имайте предвид, че всички етикети са сдвоени. Първата таблица представлява маркер като цяло, определя втора линия, третата - клетката в ред.

Малко повече за всяка маркировка. В таблицата винаги започва с етикет <масата> и завършва с . Всеки браузър е символ на това, което е една маса пред него. На следващо място, предписан линии, които се отваря таг и завършва с . Във всеки ред, като се използва маркер и определен брой клетки.

По този начин, кодът за 2x2 маса ще изглежда така:

<Таблица>

Вмъкване на таблица в HTML-код страници могат да бъдат копирани от избрания редактор.

таблици с параметри, редове и клетки

Така че, ние обсъдихме основния код. Сега нека да поговорим за това как да подобрите масата, да я направи по-ярка и по-привлекателни. За да направите това, което трябва да знаете основните параметри на маркера. Те са написани на начален маркер, където след всеки параметър се приравнява и след това регистрира стойността си, взето в кавички. Например, един фон в HTML таблица се определя като: <маса BGCOLOR = "#FFFFFF»>.

Ние списък няколко основни параметри, които ще бъдат най-полезни за вас. Нека започнем със самата таблица.

Така че, за да зададете граница ширина параметър граница помощта, която може да приеме всяка числова стойност. Цвят на рамката определя BORDERCOLOR. Обобщената информация поставя BGCOLOR.

Ако искате да направите маса фоновата картина, използвайте фон Използва се, в този случай трябва да зададете URL модел.

Изравнете съдържанието на страницата около параметъра маса ще се приведе в съответствие, което може да се настрои на ляво, център и дясно.

Задайте заглавието маркер ще помогне на двойката <надпис>, която регистрира веднага след началния маркер <маса>.

Малко по-низ от параметри. Цветът на клетките в един ред определя с помощта BGCOLOR. Подравняване на текста хоризонтално може да се направи с помощта на параметър подравняването (ляво, център или дясно), вертикална - valign (приема стойности началото, средата или отдолу).

По отношение на клетката може да се отбележи, че образеца на фона и цвета на фона се дава за него със същите параметри, както и за цялата таблица. Изравнете текст Можете да използвате параметрите на центровка и valign.

Съществуват и специфични настройки - ColSpan и rowspan. С първото да зададете броя на колоните, които ще се разшири клетката. Вторият определя броя на редовете, за които дадена клетка могат да удължат.

Това е още по-полезни опции.

цвят на маса

Да кажем няколко думи за такива полезни неща, като таблицата с цветове. С помощта на фона на страницата е настроен, цвета на текста, връзки и други елементи. Цвят на маса съдържа около 216 цвята. Всеки от тях има своя собствена шестнадесетичен код.

Самият код започва с диез и се състои от три двойки цифри или букви. Например, зеленият цвят в таблицата има код # 007F0. Всяка двойка представлява интензивността на един от трите основни цвята - червено, зелено и синьо. С помощта на таблицата, можете да изберете цвета, който искате и да го настроите с помощта на кода.

Ако не можете да използвате таблицата, можете да зададете цвят, използвайки името си на английски език.

съдържание

Няколко думи за съдържанието. Разбира се, най-често можем да видим текста в HTML таблица, но това не означава, че тя е само можем да сложим там. И клетъчни линии могат да съдържат снимки, аудио и видео файлове, линкове.

За да поставите текста или всяка друга информация в клетка (ред), трябва да го постави между двата таговете. Например: име . Тя ще покаже "Name" в клетката.

Сложете графична информация и мултимедийни файлове, с помощта на специални етикети - , <аудио> и <видео>.

Съвети

Най-накрая даде някои полезни съвети, които да ви помогнат бързо да се създаде HTML таблица с всякаква сложност.

Когато пишете маса Препоръчваме ви първо се регистрират маркира маса и основните му параметри. Тогава редове изброяват етикетите. Всяка двойка започнете нов ред. Така ще видите колко много редове в таблицата си. Също така се изброят параметрите на ред или редове, ако те се различават от основните. След това ние препоръчваме да се започне да се регистрират всяка клетка като на нов ред. Желателно е да се направи една или две вдлъбнатина Tab от ръба. По този начин, вие съвсем ясно ще видим структурата на кода.

Съдържанието на клетки и редове посъветвани да се регистрират най-рано в края, когато рамката на масата е готова.