|
HTML&CSSрезюме 1. htmlОсновен формат <html> <head> <title> </title> </head> <body> </body> </html> 2. htmlГраматични правила за тагове <Атрибут на име на таг1=Стойност на имота1" атрибут2=Стойност на имота2”>таг</Име на етикета> 3. Хиперлинк тагове <a href="къде да се скочи" ></a> Функция: Прескачане на страница. Въпрос: Ако искате да направите изображение (picture1.jpg) хиперсвързано, как трябва да го напишете? <a href=""><img src="picture1.jpg" /></a> 4. Синтаксис на таблиците <table> <tr> <td> Малки форми </td> <td>Съдържание</td> </tr> </table> Забележка: Съдържанието на формуляра трябва да бъде написано вtdвътре 5. Общи характеристики на таблиците a) Таблица:граница=Числа(Рамка) bordercolor=Цвят на рамкатаbgcolor=Фонов цвятcellpacing=Брой (разстояние между клетките) cellpadding=число (разстояние между съдържанието и границата на таблицата)височина="Фиксирани числа|Процент%"Височинаширина="Фиксирани числа|Процент%"Ширина b) Tr: bgcolor=Фонов цвятвисочина="Фиксирани числа|Процент%"Височинаширина="Фиксирани числа|Процент%"ШиринаBordercolorcolor c) Td: bgcolor=Фонов цвятвисочина="Фиксирани числа|Процент%"Височинаширина="Фиксирани числа|Процент%"Ширинаcolspan=Числа (Сливане на колони)Обхват на редове=Числа (Сливане на редове)Bordercolorcolor Въпрос: Как да зададем дебелината и цвета на рамката, когато картината е центрирана? Рамка с ширина на рамката Ръбен цвят 6. Форми a) Функция: Подаване на данни към сървъра б) Синтаксис:<форма ></form> в) Елементи на формата 1. ВходТагове i. Текст<input type=text /> ii. Пароли<input type=парола /> iii. Единичен избор<тип вход=име на радиото="Име също" /> iv. Множествен избор<input type=отметка /> v. копчета<input type=бутон /> Изпрати<input type=submit /> Нулиране<input type=reset> Атрибути: Текст:размер=Дължина на текстаmaxlength=Може да се въведе максимален брой знаци Изберете:провереноИзбран по подразбиране Бутони:стойност=Текстът, показан над бутона, 2Падащи етикети: Синтаксис, Свойства <изберете множество(Възможни са множество избори)размер=Можете да видите броя на опциите> <избрана опция(Избрано по подразбиране)>Съдържание</option> </select> 7. CSSКаскадни стилови листове Функция: Обогатяване на съдържанието и намаляване на обема на кода Писане: Място (3вид) 1. В редицата:Добавяне на атрибути директно към таговестил="Собственост:Стойност на атрибута;…” 2. Вграждане:вглаваПисане на лейбъла:<тип стил="текст/CSS"> Селектор{Свойства:Стойност на атрибута;…} </style> Точки3Основни селектори:htmlСелектор,КласСелектор на клас (.име на класа),idСелектор (#idИме) е единственият 3. Външни:Създай отделна.cssфайл, и след това добави референтния код към страницата, която искаш да използваш, да2Вид писане Запомнете: вглаваДобавете тагове вътре<link rel="stylesheet" type="text/css" href="stylesheet filename.css”> Забележка: Ако има конфликт в стиловия лист, приоритизирайте inline преди да използвате inline и накрая използвайте outside Въпрос: УпотребаDIV+CSSОформление иТаблицаПлюсове и минуси на оформлението? 8. Псевдоклас (селектор) a:Линк {цвят: #FF0000} /* Непосетени връзки */ a:посетен {цвят: #00FF00} /*Линкове, които са посетени*/ a:hover {цвят: #FF00FF} /* Преместване на мишката към линк */ a:активен {цвят: #0000FF} /*Избрана връзка*/ 9. DIV(Модел на кутия) Функция: ЗаместителТаблицаТаблица Писане:<div>Съдържание (може да бъде вложено.)Div）</div> Употреба: Зададена ширина и височина, могат да се комбиниратПозицияАтрибути Чести свойства: 1. Граница: Дебелината на кутията 2. Маргина: разстоянието между кутиите 3. Подплата: разстоянието между съдържанието на кутията и кутията. 4. Височина、ширина: Височина, ширина 5. Предистория: Цвят на кутията, шарка 6. Float: Седалката на ложатаЛяво、Дясно 10. МинавамМечтачСъздайте шаблон Функция: Постигане на същия стил на уебсайта, намаляване на количеството код и подобряване на ефективността на разработката на уебсайтове Как да създавате и използвате шаблони 1. Create: file à new à regular à HTMLШаблонà Create 2. Запазване: Запази на собствения си уебсайт, забележка: Правилният път е, че папка Templates ще се появи в долната част на сайта, която съхранява файловете с шаблони (.dwt） 3. Писане: Точно както при писане на обикновени страници, набиране и писане на същия стил съдържание на уебсайта. За различно съдържание трябва да създадете редактираема област (задръжте курсора върху областта за редактиране, която искате да създадете с десен бутон и изберете Template à New editable area) 4. Създайте страница въз основа на шаблон: File à New à Template à Изберете шаблона за използване 11. Тъкач на мечтиСвързани знания Отговор: ПреминалМечтачСъздаване на уебсайт: Сайтà New site à advanced à local information Назовете сайта и задайте пътя към него Забележка: Пътят на сайта не трябва да е на китайски BПознатостМечтачТрябва да знаем как да изведем основните тагове, които научихме по-рано Фокусът е върху типографията на страницата чрез таблици CВМечтачИзползване на хипервръзка (относителни и абсолютни адреси) 12. CSSОбщи характеристики border:1px solid #000000; /*на границата3Общи характеристики*/ ширина; височина; /*Задайте ширината и височината*/ text-align /*Задайте съдържанието на център наляво и надясно*/ Височина на линията /*Съдържанието на корекции е центрирано нагоре и надолу*/ float /*Платформа(Плаване трябва да се използва за създаване на хоризонтални хипервръзки)*/ маргина /*Задайте външното разстояние на кутията*/ Пълнеж /*Задай разстоянието вътре в кутията*/ Позиция /*Позициониране, с които да бъдеш по-късноляво гореИзползвайте заедно*/ color:#000000; /*Задайте цвета на текста*/ background-color:#000000; /*Задайте цвета на фона*/ font-size:14px; /*Задайте размера на шрифта*/ текстова декорация /*Задайте дали хипервръзката е подчертана, обикновено използванаПодчертаванеилиНяма*/ list-style-type:none; /*Стилизирайте хипервръзката (без точки)*/
2013HTML复习.doc
(44 KB, Брой изтегляния: 0, Цена за продажба: 1 Grain MB)
| 
Публикувано в 9.11.2014 г. 10:42:19 ч.
|
|
|
Публикувано в 10.11.2014 г. 13:27:37 ч.
