150 likes | 408 Views
Курсова работа ОСНОВНИ HTML – ТАГОВЕ. Разработил : Емилияна Минчева Милева Ф№ 0605661025. HTML. ЕЗИК ЗА СЪЗДАВАНЕ НА WEB - СТРАНИЦИ. СЪДЪРЖАНИЕ. УВОД ОРГАНИЗАЦИЯ НА ОСНОВНИТЕ МЕТОДИЧЕСКИ ЕДИНИЦИ ЛИТЕРАТУРА ИЗВОДИ И ЗАКЛЮЧЕНИЯ.
E N D
Курсова работаОСНОВНИ HTML – ТАГОВЕ Разработил: Емилияна Минчева Милева Ф№ 0605661025
HTML • ЕЗИК ЗА СЪЗДАВАНЕ НА WEB - СТРАНИЦИ
СЪДЪРЖАНИЕ • УВОД • ОРГАНИЗАЦИЯ НА ОСНОВНИТЕ МЕТОДИЧЕСКИ ЕДИНИЦИ • ЛИТЕРАТУРА • ИЗВОДИ И ЗАКЛЮЧЕНИЯ
ТЕМА №1 ОБЩА СТРУКТУРА НАHTML-ДОКУМЕНТ ЦЕЛИ: • да се запознаят с езика за програмиране на Web-страница; • -да познават общата структура на НТМL-документ; • -да знаят добре таговете и алгоритмите за тяхното ползване; • -да умеят да структурират и създават Web-страница.
ТЕМА №1 ОБЩА СТРУКТУРА НА HTML-ДОКУМЕНТ ПЛАН НА УРОКА: 1. Отварящи и затварящи етикети. 2. Описателна и изпълнителна част на HTML-документ. 3. Етикети за форматиране на символи.
ЕТИКЕТИ (tags) - ТАГОВЕ • Отварящи етикети: <HTML> <HEAD> <BODY> <TITLE> <NAME> <FONT> <CENTER> • Затварящи етикети: </HTML> </HEAD> </BODY> </TITLE> </NAME> </FONT> </CENTER>
СТРУКТУРА НА HTML-ДОКУМЕНТ <HTML> - “НАЧАЛО НА ДОКУМЕНТА”; <HEAD> - “ЗАГЛАВЕН ЕТИКЕТ”; <TITLE>My first web page</TITLE> </HEAD> <BODY> - “СЪЩИНСКА ЧАСТ”; Learning HTML is fun! </BODY> </HTML> - “КРАЙ НА ДОКУМЕНТА”.
Форматиране на текст • Етикети за удебелен текст - <B> …</B> • Eтикети за подчертаване - <U> …</U> • Етикети за курсив - <I> … </I> <HTML> <HEAD> <TITLE>My firs web page </TITLE> </HEAD> <BODY> <B><U>Learning HTML is</U></B><I>fun</I>! </BODY> </HTML>
ТЕМА №2 ФОРМАТИРАНЕ НА СИМВОЛИ ЦЕЛИ: • ДА ЗНАЯТ ТАГОВЕТЕ ЗА ЗАДАВАНЕ НА ЦВЯТ, РАЗМЕР И ШРИФТ НА ТЕКСТ; • ДА ЗНАЯТ КАК СЕ ЗАДАВА ЦВЯТ НА ФОНА НА СТРАНИЦАТА И НЯКОИ СПЕЦИАЛНИ СИМВОЛИ.
ТЕМА №2 ФОРМАТИРАНЕ НА СИМВОЛИ ПЛАН НА УРОКА 1.Задаване на цвят,размер и шрифт на символите в текста. 2.Задаване на цвят на фона. 3.Таблица на цветовете. 4.Специални символи
ЕТИКЕТИ ЗА ФОРМАТИРАНЕ • ЗАДАВАНЕ ЦВЯТ, РАЗМЕР И ШРИФТ В ТЕКСТА Задават се с етикета <FONT> атрибутите за: - цвят COLOR=“# _ _ _ _ _ _” (0,1,2,3,4,5,6,7,8,9,A,B,C,D,E,F); - размер SIZE= _ ( една от цифрите 1,2,3,4,5,6,7); - шрифт FACE= “…” ( име на шрифта). <FONT COLOR =“#CC00FF” SIZE=5 FACE=“Dauphin”> <I>Learning HTML is fun! </I> </FONT> • ЗАДАВАНЕ ЦВЯТ НА ФОНА Задава се с етикета <BODY> атрибута BGCOLOR: <BODY BGCOLOR=“#999999”> </BODY>
СПЕЦИАЛНИ ЕТИКЕТИ • ЕТИКЕТИ ЗА ЗАГЛАВИЯ(headings), големина на буквите: <FONT><H1>…</H1></FONT> -най-голям размер ……………… <H6>…</H6> -най-малък размер • ЕТИКЕТИ ЗА ПРЕМИНАВАНЕ НА НОВ РЕД: - <BR> - няма затварящ етикет; - <BR><BR> - “един празен ред”. Записват се след изречението. - <P> … </P> • EТИКЕТИ ЗА ВИЗУАЛИЗИРАНЕ НА ТЕКСТ: <PRE> … </PRE>. • ЕТИКЕТИ ЗА ЦЕНТРИРАНЕ НА ТЕКСТ:<CENTER> … </CENTER>. • АТРИБУТИ ЗА ПОДРАВНЯВАНЕ НА ПАРАГРАФИ: <P ALIGH=left> … </P> <P ALIGH=right> … </P> <P ALIGH=center> … </P>.
СПЕЦИАЛНИ СИМВОЛИ СПЕЦИАЛЕН СИМВОЛ ВИЗУАЛИЗАЦИЯ • Изобразява символа интервал • < Изобразява символа < • > Изобразява символа > • & Изобразява символа & • " Изобразява символа “ • © Изобразява символа • &red; Изобразява символа Изписват се преди изречението за което важат!
В КРАЯ НА ЧАСОВЕТЕ УЧЕНИЦИТЕ ТРЯБВА: • ДА ПОЗНАВАТ ОБЩАТА СТРУКТУРА НА ДОКУМЕНТ СЪЗДАДЕН С ЕЗИКА HTML; • ДА ЗНАЯТ ЕТИКЕТИТЕ С КОИТО СЕ РАБОТИ И АЛГОРИТМИТЕ ЗА ТЯХНОТО ПОЛЗВАНЕ; • ДА ИЗПОЛЗВАТ АТРИБУТИТЕ ЗА ФОРМАТИРАНЕ; • ДА ЗНАЯТ СПЕЦИАЛНИТЕ ЕТИКЕТИ И СИМВОЛИ, КОИТО СЕ ИЗПОЛЗВАТ В HTML-ДОКУМЕНТИ; • ДА УМЕЯТ ДА СТРУКТУРИРАТ И СЪЗДАВАТ СВОЯ WEB-СТРАНИЦА.
БЛАГОДАРЯ ВИ THANK YOU