Downloaded 23 times
Html presentation
- 1. HTML презентация Разработен:Айхан Шен Група: 43б
- 2. Съдържание: Кратка историяна HTML Работна среда за създаване на HTML кода Общи сведения за HTML и основни елементи Заглавна част Тестове, изображения, фондове и т.н. Обща информация
- 3. Кратка история на HTML Тим Бърнарс Лий – края на 80-те години на 20 век – основите на World Wide Web и HTML ( HiperText Markup Language - Език за маркиране на хипертекстови документи, които да се предават по мрежата) Марк Ендрисън – създава първият браузър NetScape Navigator . Стандартизация – World Wide Web Consortium - www.w3.org Ново поколение - XHTML - Extensible HiperText Markup Language
- 4. Работна среда засъздаване на HTML кода Обикновен текстов редактор – Note р ad Специализирани редактори ( Web Writer и др.) Редактори от типа WYSIWYG ( What you see is what you get ) Сайтбилдери от Интернет – www.street.bg
- 5. Общи сведения за HTML и основни елементи Hyper Text Markup Language – език за маркиране на хипертекст. HTML е езикът, който казва на браузъра как да покаже страницата HTML файлът съдържа само букви, цифри и символи, които се четат от кой да е редактор и това прави HTML универсален език HTML може да се усъвършенства допълнително с JavaScript и Java (Dynamic HTML) Основните елементи се наричат тагове , които си имат имена записани между две ъглови скоби < > Първият таг е <html>, последният </html>. <HTML> <HEAD> ................ Заглавна част </HEAD> <BODY> .................. Същинска част </BODY> </HTML>
- 6. Заглавна част Съдържаописателна информация – заглавие, автор, ключови думи, кодиране на страницата и др. Заглавието записано между таговете <TITLE> и < / TITLE> се показва в заглавния ред на браузъра – пример <title> This is my first page </title> В тази част се добавят и скриптовете на JavaScript и МЕТА – таговете Коментарите се изписват между следните две форми <!- - и --> Пример: <!-- Тук може да се напише коментар, който няма да повлияе на HTML-документа -->
- 7. Представяне на текств страница < font > - тагът, който съдържа атрибутите на текста. За разлика от тага <body> той не може да се ползва без нито един атрибут, но също има затварящ таг - </font> Атрибутите на тага font са face , size и color . Атрибута FACE : Задава външния вид на шрифта . <font face="Название на шрифта">Тук се пише текст</font> По отношение използването на шрифтовете запомнете следното: 1. За да види даден потребител използвания от вас шрифт той също трябва да го има на своя компютър. В противен случай браузъра ще му покаже вашия текст в шрифт по подразбиране. 2. Не с всички шрифтове може да се пише на кирилица. Атрибута SIZE : Size е атрибута за размер (големина) на текста и може да приема стойности от 1 до 7 включително. <font size="2">Това е текст с големина 2</font> Освен твърдо зададен размер на шрифта е възможно да се укаже и относителен размер. Браузърите показват големина на шрифта по подразбиране с размер 3. < font size="-1">Това е текст с един размер по-малък от подразбиращия се.</font> <font size="+1">Това е текст с един размер по-голям от подразбиращия се.</font>
- 8. Таг за заглавия <H>: Тага <h> е придружен с някаква цифра от 1 до 6 включително. Той има и съответния затварящ таг. <h4>Това е заглавие от ниво 4</h4> При използването на този таг автоматично се добавя по един празен ред над и под текста на заглавието. Атрибута COLOR: Задаването на цвят става като се присвои някаква стойност на атрибута color. <font color="blue"> Това е син текст </font> <font color="green"> Това е зелен текст </font> Комбинирано задаване на атрибути: <font face="arial" size="4" color="green"> Това е текст в шрифт arial, с размер 4 и зелен цвят </font> Инструменти за допълнително въздействие върху вида на текста: Основните инструменти за преправяне вида на текста са таговете <b>, <i> и <u>. Всеки от тях има и завършващ таг с наклонена черта. Тага <b> служи за удебеляване на текста. Тага <i> прави текста курсивен (наклонен). Тага <u> прави текста подчертан.
- 9. цветовете на фонана страницата и на текста могат да се задават чрез изписване на английското название на съответния цвят, например: <font color="blue"> Това е син текст </font> <body bgcolor="yellow"> (Задава жълт цвят на фона) Не всички оттенъци могат да се изобразят чрез изписване на съответното английско название. Не е препоръчително изобщо да използвате езиковите названия на цветовете , за да зададете цвят. Браузърите показват всички цветове чрез комбиниране на различните стойности на само 3 цвята: червен (Red), зелен (Green) и син (Blue). Това е т.нар. R G B стандарт . Всеки един от тези 3 основни цвята може да приема стойности от 0 до 255. Всички останали цветове представляват някаква комбинация от тези стойности. Например кода за бял цвят е R:255, G:255, B:255, а кода за черен цвят е R:0, G:0, B:0, т.е. нулата "създава" най-тъмната част на спектъра, а 255 - най-светлата. HTML не възприема десетичните стойности на цветовете, затова те се превръщат в 16-сетични стойности. Така например 255 се изобразява в 16-сетичен код като FF, а 0 като 00. Обща информация:
- 10. Изображенията - картинки,фотографии и др., анимирани или статични - са важна част от почти всеки сайт в мрежата. Добре подбрани и разположени, те могат да "освежат" HTML-страницата ви, но претрупването на една страница с изображения може да постигне и обратния ефект, като я направи непривлекателна. Освен това използването на прекалено много изображения ще направи страницата "тежка" и трудна за зареждане. Формати на файловете за изображения: gif формат , който се използва предимно за картинки, илюстрации и надписи, които не са оцветени в богата цветова гама и не съдържат "сложни" оттенъци и светлосенки. Файловете с разширение gif имат две важни предимства пред другия основен формат: - могат да съдържат "прозрачен" елемент в себе си - това например може да е фона на буквите от някакъв надпис, който ще прозира и под него ще се вижда фона на страницата. Тогава този файл ще "пасва" на страници с различно оцветен фон. - gif файловете могат да бъде анимирани - да съдържат движеща се картинка. jpeg или jpg формат (и двете разширения са валидни и равностойни), който се използва предимно за висококачествени фотографии . Възможностите на този формат за показване на цветове и оттенъци са по-богати от тези на gif формата, но за сметка на това jpg файла не може да бъде анимиран, нито да съдържа прозрачни елементи.
- 11. <a href="адреса, къмкойто ще води връзката">названието на връзката, което ще се вижда на екрана</a> Пример: <a href=" http://www.yahoo.com "> Връзка към www.yahoo.com</a> Пример за хипервръзка към страница от същия сайт: <a href=" folder1/page2.html ">Връзка към страница page2.html, намираща се в папка folder1, от началната страница index.html</a> Изображенията като хипервръзки: <a href="http://www.somesite.com"> <img src="image.gif" > </a>
- 12. Използвани връзки: http://en.wikipedia.org/wiki/HTMLhttp://google.com/HTML Благодаря за вниманието!