Влизане

1. Основна информация

1.1 Относно mov html

1.2 Създаване на уебсайт

1.3 Общи положения

1.4 Структура на документа

1.5 Етикет на тялото на документа

1.6 Списък с основни html тагове

2. Допълнителна информация

2.1 Списък с етикети

2.3 Графика в средата на документа

2.4 Добавяне на стилове към документ

2.5 Персонализирани html тагове

2.6 Html форма

2.7 Html рамки

2.8 Html таблици

2.9 Оптимизиране на графики за уеб

2.10 Основи на CSS

3. Описание на създаването на сайта

3.1 Подготовка

3.2 Сгъваема глава

3.3 Създаване на другата страна

3.4 Сътрудничество на страната с описанието на мястото

3.5 Страна на снимката

3.6 Страница с програми

3.7 Сторинка с подяци

Висновок

Списък на победоносната литература

Влизане

Тази теза е посветена на моя HTML. За допълнителна поддръжка се създават файлове с разширения *.htm и *.html, които са уеб-страни. От тях се формират сайтовете и Интернет.

Преди дипломната работа, сайтът е като пример за това, което можете да направите с помощта на HTML език.

Цялата работа е разделена на 3 раздела. Първият раздели повече задачи за описанието на основните HTML тагове. Ще знаете цялата необходима информация за тях, как да създавате прости уеб страници. На друг те споделиха информация за това как да подобрят стария вид на документа и да го направят възможно. А третият раздели описание как е създаден сайтът, прикачени файлове към дипломната работа. Нов репортаж описва втория месец трудна работа по създаването на сайта, разказва се за различните помилвания, когато се коригират, за трудните методи на осиновяване.

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

1.1 Pro mov HTML

Hyper Text Markup Language (HTML) е стандартният език, признат за създаване на хипертекстови документи в WEB средата. HTML документи могат да се разглеждат от различни типове WEB браузъри. Ако документът е създаден от HTML версии, WEB браузърът може да интерпретира HTML, за да види различните елементи на документа и тяхната основна обработка. HTML wiki ви позволява да форматирате документи за подаването им във варианти на шрифтове, линии и други графични елементи във всяка система, която ги разглежда.

Повечето документи включват стандартни елементи, като заглавие, параграфи или списъци. Използвайки HTML тагове, можете да обозначите тези елементи, оставяйки WEB браузърите с минимална информация за показване на тези елементи, като се вземе предвид цялостната структура и информационната пълнота на документите. Всичко, от което се нуждаете, за да прочетете HTML документ, е WEB браузър, който интерпретира HTML тагове и изобразява документа на екрана пред вас, който автор смята, че трябва.

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

HTML таговете могат да бъдат интелигентно разделени на две категории:

1. Етикети, които означават как WEB браузърът ще покаже тялото на документа като цяло.

2. Етикети, които описват цялостния авторитет на документа, като заглавието или автора на документа.

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

1.2 сгънете уебсайт

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

Например, HTML редактори като Netscape Navigator Gold на Netscape ви позволяват да създавате документи графично с помощта на технологията WYSIWYG (Каквото виждате, това и получавате). От друга страна, повечето от традиционните инструменти за създаване на документи могат да бъдат преобразувани от конвертори, което позволява на документи да бъдат преобразувани в HTML формат.

Всички HTML тагове започват с "<" (левой угловой скобки) и заканчиваются символом ">(дясна връхна арка). Като правило използвайте начален и краен маркер. За задника задържаме курсора на заглавните тагове, които обозначават текста, който се намира в средата на началния и крайния етикет и описва заглавието на документа:

Заглавие на документ

Крайният таг изглежда по същия начин като началния таг и звучи като нова директна наклонена черта преди текста в средата на върха. Чието приложение има етикет кажете на WEB браузъра да познае формата на заглавието и етикета- относно завършването на заглавния текст.

Деяки етикети, така, як

(таг, който дефинира параграф), не забравяйте крайния таг, но също така подобрява четливостта и структурата на изходния текст на документа.

HTML не отговаря на регистрите на символи, които описват маркера и при задържане на курсора по-рано, примерът може да изглежда така:

Заглавие на документ

Уважение! Допълнителни пропуски, символи за табулиране и завъртане на карета, добавени към изходния текст на HTML документ за най-добра четливост, ще бъдат игнорирани от WEB браузъра при интерпретиране на документа. HTML документ може да включва описания на други елементи, само ако са поставени в средата на таговете

І

. Докладвайте за етикети

Ще бъде написано по-долу.

Ако WEB браузърът приеме документа, той показва как документът може да бъде интерпретиран. Първият маркер, който се появява в документ, може да бъде маркер . Този маркер казва на уеб браузъра, че вашият документ е написан в HTML. Минимален HTML документ изглежда така:

Основното тяло на документа...

Заглавка на документа . Заглавният етикет на документа е отговорен за цитата до етикета и повече, никъде близо до заглавието на документа. Тагът Tsey е общо описание на документа. Уникален rozmіschuvat дали текстът в средата на етикета . Стартов маркер поставен директно преди етикета и други тагове, които описват документа, и крайния маркер</HEAD>ще бъде публикуван веднага след като описанието на документа бъде завършено. Например:</p> <p><TITLE>Списък на Spirobitnik

Уважение! Технически, тип начални и крайни тагове , і neobov'yaskovі. Също така се препоръчва използването на гласни, гласни на тагове за тези тагове, за да позволи на WEB браузъра да раздели заглавната част на документа и средната част на документа.

Заглавие на документ . Повечето WEB браузъри се показват вместо маркер <TITLE>в заглавието на прозореца, как да изтриете документа и във файла с отметки, както и vin се поддържа от WEB-браузъра. Заглавие, маркирано <TITLE>і, поставен в средата -tags, както е показано по-горе в приложението. Заглавието на документа не се показва, когато документът се показва в прозореца.

През деня IT-сферата става все по-широка и нараства, пиейки от създаването на сайтове. Tse за производство на zbіlshennya kіlkostі fahivtsіv, yakі готов да се заеме с развитието на сайта и йога поддръжка. Въпреки това, много от такива уеб majstrіv koristuyutsya безплатни дизайнери и дори може да бъде незабележим за програмиране и техническо място за съхранение. Безумно, използваемостта, дизайнът и съдържанието са още по-важни, но технически слаб сайт с извинения в кода не може да донесе късмет. Следователно, за създаването на сайтове, по-малко от тези fakhivtsy могат да поемат, сякаш са в състояние да ги програмират с език и са готови да разширят сайта от нулата.

Какви филми трябва да знаете, за да създавате уебсайтове?

Dosvіdchenі rozrobniki scho, scho изберете movi programuvannya до угара vіd богати фактори. Въпреки това, следвайки разбирането, че идеално решение просто няма, вариантът на кожата може да има своите предимства и недостатъци. Необходимо е да изберете този език, като най-добрия инструмент за изпълнение на поставените задачи. Храненето, както е необходимо да се гледа пред него, като избор на език:

сървърна платформа;
сървърен софтуер;
наличие на информация в създадените сайтове;
Избрана база данни.

Най-популярни филми

уебсайт	Популярност (Уникални записи за месеца)	заден край (сървър)	База данни
Google.com	1,600,000,000	C, C++, Go, Java, Python	BigTable, MariaDB
facebook.com	1,100,000,000	Хак, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell	MariaDB, MySQL, HBase Cassandra
youtube.com	1,100,000,000	C, C++, Python, Java, Go	Vitesse, BigTable, MariaDB
Yahoo	750,000,000	PHP	MySQL, PostgreSQL, VB.NET
Amazon.com	500,000,000	Java, C++, Perl	База данни на Oracle
wikipedia.org	475,000,000	PHP, хак	MySQL, MariaDB
twitter.com	290,000,000	C++, Java, Scala, Ruby	MySQL
bing	285,000,000	ASP.NET	Microsoft SQL Server
eBay.com	285,000,000	Java, JavaScript, Scala	База данни на Oracle
msn.com	280,000,000	ASP.NET	Microsoft SQL Server
Microsoft	270,000,000	ASP.NET	Microsoft SQL Server
Linkedin.com	260,000,000	Java, JavaScript, Scala	Волдемор
pinterest	250,000,000	Джанго, Ерланг	MySQL, Redis
wordpress.com	240,000,000	PHP, JavaScript (Node.js)	MariaDB, MySQL

PHP. В основата на йога - най-простият език за маркиране, HTML. PHP pov'yazuє koristuvach іz сървърна част. Самата цел на моята собствена реализация на такива функции, като форма на обратна връзка, регистрационните полета са твърде тънки. Синтаксисът tієї movi е лесен и просто vivchiti. За създаването на търговски портал е невъзможно да се направи без PHP, за този, който трябва да вземе данните за контакт на koristuvach по новия най-прост начин. Основното предимство на филма е във факта, че, използвайки її, програмистите могат бързо и без zayvih zusil да сгъват динамични страни.

Python. Руската йога често се нарича "питон". Tse vysokorіvneva mova, yak vikoristovuєtsya за високопоставен zavdan, най-вече за vykonannya zavdan сървър. Його ориентация - подобряване на производителността на програмиста и четене на кода. За помощ можете да направите резервно копие на богат набор от парадигми за програмиране. Python работи автоматично на Windows и Linux сървъри.

Руби. Руската йога често се нарича "руби". Това е динамичен, отразяващ език на високо ниво за ООП (обектно-ориентирано програмиране). Win ви дава възможност да внедрявате богат стрийминг на всяка ОС, приема стриктно типизиране на динамичен външен вид и може да има малък брой други опции. За характеристиките на синтаксиса на Ruby той е най-близък до аналозите на Eiffel и Perl. В допълнение, някои детайли стоят зад Python.

A.S.P. Този език е разпространен от Microsoft Corporation. За допълнителна технология можете да изтеглите програми за www.asp. Платформи за филми: Internet Information Server (IIS) и Windows NT. ASP може лесно да се нарече мой собствен, той е по-скъп за технологията за достъп на програмата до интернет сайта. Всички предимства на ASP са в простото скриптиране mov и възможността за зареждане на COM елементи на трети страни.

JavaScript. Принципът на javascript trohi е различен от другите езици за програмиране. Това е заглавният орган за директна връзка с HTML файл. Скрипт, творения, базирани на JavaScript, обработени от интерпретатора, реализирани от браузъра. Qia mova vykoristovuetsya за голям спектър от задачи: създаване на динамични страни (съдържанието върху тях може да се променя за подобряване на документа);

Virishennya mіstsevyh zavdan; проверка на коректността на попълване на формулярите преди следващото подаване на сървъра.

Големите възможности на движението се обясняват с нейната популярност. Така че, с помощта на JavaScript, можете:

промяна настрани: добавяне или почистване на текст, промяна на стилове и тагове;
отговарят на yakіs podії (например, на щракване с мишката) и спечелете дадената функция;
ревизира напомнянията, задава и чете бисквитки, проверява коректността на въведените данни;
импортирайте нови данни без повторно импортиране на документа и в.

perl. Началото на този mov е написано за създаването на програмата, тъй като те бият различните задачи, в един сценарий за завършване на целия комплекс от задачата: обработка на текст, администриране и други. Днес Pearl печели главно за разработката на CGI добавки. Vіn помага за администрирането на сървъри и други системи. Завдяки простота и бързина на писане на скриптове в Pearl, йога, адаптирана към всички популярни платформи, включително Mac и Windows. Perl може да провери кода, това е абсолютно безплатно.

Какво ви трябват много знания?

Основните познания по програмиране се преподават в уроците по информатика в училище. Pratsyuvati на кочани s Pascal и Delphi беше почти кожен. Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, по-сложен и сериозен подход. Първото нещо, което е необходимо за успешния програмист, е математически, логически склад на разума и способността да стигнете до дъното на правото си. Ако не го правите, ще трябва да изпеете всичко. По-добре е да овладеете една по-добре, спуснете майката, за да научите повече за пет думи. Всички неща може да са сходни по принцип, всички смърди ще са по логиката на деня, че след час, с кожата на новия ми ум, всичко е по-просто. Копирайте или променете кода на някой друг, може би някой друг, но напишете свой собствен код, за да станете правилен "художник", сградата далеч не е кожа.

Разработване на уеб сайтове от различни филми и оформления до HTML хипертекст

Уеб страни и уеб сайтове

Уеб страници.Уеб страниците са създадени с помощта на мобилно оформление на HTML (Hyper Text Markup Language) хипертекстови документи. В стандартен текстов документ се вмъкват ключови символи - HTML тагове, които определят външния вид на уеб-страната, когато се гледа в браузър.

Основните предимства на уеб страниците са:
- Минимум информация obsyag;
- възможността за преглед на различни операционни системи.

За създаването на уеб страници се използват най-простите текстови редактори, които не включват в документа, който се създава, кои знаци са форматирани към текста на самия редактор. Като такъв редактор в Windows, можете да завъртите стандартната програма Notepad.

Създаването на уеб страници с вариантни HTML тагове ще изисква много усилия, след като знаете синтаксиса на филма. Zastosuvannya специален инструмент софтуер (Web-редактори) за работа по създаването на уеб-сайтове прости и ефективни. Процесът на създаване и редактиране на страници в уеб-редакторите е по-усъвършенстван, така че се извършва в режим WYSIWYG (като английското „What You See Is What You Get“ – „What You See Is What You Get“).

уеб сайтове.Публикациите на All-World Merazh се реализират под формата на уеб сайтове, сякаш за да отмъстят на материала за тези или проблеми. Суверенните структури и организации (катедра, мисъл, училище и др.) създават официални уеб сайтове на своите организации, на които публикуват информация за дейността си. Търговските фирми на своите уеб сайтове рекламират стоки и услуги и популяризират пристигането им в интернет магазините. Ако сте кореспондент в Интернет, можете да създадете свой тематичен сайт, в който да публикувате информация за вашите разработки, трупане и др.

Точно както списанието се състои от различни страни, уеб сайтът се състои от компютърни уеб страници. Сайтът е виновен, че се противопоставя на системата Hyperposilan, тъй като позволява на koristuvachevy да се движи през уеб-страните.

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

За да публикувате уеб сайт, е необходимо да знаете точното местоположение на един от интернет сървърите. Много доставчици дават на своите клиенти възможността за безплатен хостинг на уеб сайтове на техните сървъри (безплатен хостинг).

Контролирайте храненето

1. Защо уеб страниците имат предимство пред страхотните текстови документи?

2. Как уеб сайтовете се комбинират в уеб сайтове?

Структура на уеб сайта

HTML кодът на страната се поставя в средата на контейнера . Без тези тагове браузърът не може да определи формата на документа и да го интерпретира правилно. Уеб страницата е разделена на две логически части: заглавието и частта, която се показва в браузъра.

Заглавието на уеб-страната съвпада с контейнера и да замените името на документа и допълнителна информация за страницата (например вида на кодирането), така че да бъде проверена от браузъра за правилния дисплей.

Етикетите лежат на върха на лъка и могат да бъдат единични или мъжки. Родителски етикети контейнер).

Затварящият етикет трябва да бъде заменен с наклонена черта (/) преди знака. Етикетите могат да бъдат написани както с големи, така и с малки букви.

Името на страната се поставя близо до контейнера и под часа на преразглеждане се появява в горния ред на прозореца на браузъра.

Промяната на страната, която се показва в браузъра, се поставя в контейнера (Фигура 6.26):

<ТITLE>Компютър

Компютър и фърмуер

Ориз. 6.26. Подготовка на уеб-страна "Компютър"

Създадената уеб страна трябва да бъде запазена като файл с име index.htm. Точно като разширяването на файл на уеб сайт, можете също да настроите HTML. Препоръчително е да създадете специална папка за разпространение към сайта и да запазите всички файлове за сайта, които се разпространяват в тази папка.

Необходимо е да се отдели името на файла index.htm, под който уеб-страната се записва от файловата система, името на уеб-страната (например "Компютър"), както се появява в горния ред на прозореца на браузъра. Im'ya Web-страните може да са в състояние да ми го докажат, че е невъзможно да бъдем анализирани от poke системи.

Контролирайте храненето

1. Какви тагове (контейнери) трябва да присъстват в един HTML документ по принцип? Каква е логическата структура на уеб-страницата?

6.10. На практика задача. Създайте уеб страница "Компютър" и я прегледайте в браузъра.

Форматиране на текст в уеб сайта

За момента нашата страна не изглежда никак приятно: сив шрифт с черен цвят върху бели листни въшки. За допълнителни тагове можете да зададете различни параметри и форматиране на текст.

Заглавия.Размерите на шрифта на заглавките се задават в двойки тагове<Н1>(най-голям) до<Н6>(най-малко).

Шрифт.Таговете Deyaki създават атрибути, като имената на авторитети и могат да пеят значенията. С помощта на тага FONT и други атрибути можете да зададете параметри за форматиране на шрифта. Атрибутът FACE ви позволява да вмъкнете шрифт за шрифта (например FACE="Arial"), атрибутът SIZE - размер на шрифта (например SIZE=4).

Атрибутът COLOR ви позволява да зададете цвят за шрифта (например C0L0R="blue"). Стойността на атрибута COLOR може да бъде зададена или чрез именуване на цвета (например "червен", "зелен", "син" и т.н.), или чрез 16 стойности.

Шестнадесетото представяне на цветния використ RGB-формат "#RRGGBB", двете първи шестнадесети цифри задават интензитета на червеното (червено), двата напредъка - интензитета на зеленото (зелено) и двете оставащи - интензитета на синият (син) цвят. Минималният интензитет на цвета се обозначава с шестнадесетото число 00, а максималният - FF. Например, синият цвят се присвоява на стойността "#0000FF".

Ревизия на текста.Посочете начина за преглед на текста, като разрешите атрибута ALIGN. Подравняването по ляво поле се дефинира, както следва: ALLGN="ляво", подравняване по дясно поле: ALIGN="вдясно", подравняване по център: ALIGN= "център".

В този ред синият цвят на заглавието, центриран, може да бъде зададен в този ред:

<Н1 ALIGN="center">Компютър и фърмуер

Хоризонтални линии.Заглавията трябва да бъдат допълнително кръстосани с помощта на хоризонталните линии зад единичния етикет

Параграфи.Приложено към текста на параграфа<Р>. Ще гледам през браузъра един час, абзаците са разположени на интервали. За абзац на кожата можете да зададете първия тип изглед и параметри за форматиране на шрифта.

Начална страна на сайтаОт началната страна на сайта озвучете текста, който го описва накратко. Разположен на началната страница на сайта "Компютър", текстът, разделен на параграфи с различни изключения:

<Р ALIGN="left">На този сайт можете да видите различна информация за компютъра, неговата софтуерна сигурност и цени за компютърни компоненти.
<Р ALIGN= "right">Терминологичният речник ще ви запознае с компютърните термини, а можете да попълните и въпросника.

По този начин началната страница на сайта "Компютър" е достойна за центриране на заглавието в син цвят, с хоризонтална линия през два различно подравнени параграфа (фиг. 6.27):

<Н1 ALIGN="center">
Компютър и фърмуер

<Р ALIGN="left">На кой сайт...
<Р ALIGN ="right">Терминологичен речник
...

Ориз. 6.27. "Компютър" от уебстраницата с форматиран текст

Контролирайте храненето

1. Какви тагове (контейнери) са включени за заглавия? Форматиране на шрифта? Въвеждане на параграфи?

Задача за независими викони

6.11. На практика задача. Създайте "компютърна" уеб страна с форматиран текст и го прегледайте в браузър.

Вмъкване на изображение в уеб сайта

На уеб сайта можете да показвате изображения, които са записани в графични файлове в три формата - GIF, JPEG и PNG.

Вмъкнато изображение.Маркирайте, за да вмъкнете изображение с атрибута SRC, който указва мястото на запис на файла на локалния компютър или в Интернет. Ако графичният файл се намира на локалния компютър в същата папка като файла на уеб сайта, тогава стойността на атрибута SRC трябва да се посочи само за името на файла. Например:

Ако файлът се намира в друга папка на вашия локален компютър, тогава стойността на атрибута може да бъде извън файла, включително пътищата към новия в йерархичната файлова система. Например:

Ако файл се намира на отдалечен сървър в Интернет, тогава уеб адресът на този файл може да бъде посочен. Например:

Позицията на малкия е според текста. Raztashuvaty малък текст по различен начин позволява атрибута ALIGN, който може да приеме пет различни стойности: TOP (отгоре), MIDDLE (среда), BOTTOM (отдолу), LEFT (ляво) и RIGHT (дясна ръка).

На началната страна на сайта "Компютър" е логично да поставите изображението на компютъра. За да могат малките да бъдат разпръснати по десния край на текста, етикетът за вмъкване на изображение е виновен за обиден вид (фиг. 6.28):

Ориз. 6.28. Вмъкване на изображение в уеб сайта "Компютър".

Вмъкване на алтернативен текст. Koristuvachі іnodi, с помощта на спестяване на час, в браузъра включете привличането на графични изображения и четете само текстове. За да не пречи на сетивната страна, виновна е смяната на малкия, въвежда се алтернативен текст.

Алтернативният текст се показва след помощта на атрибута ALT, чието значение е текстът, който обяснява какво е maw bi koristuvach за малкото:

Контролирайте храненето

1. Какъв таг и атрибути се използват за вмъкване на изображение в уеб сайта?

Задача за независими викони

6.12. На практика задача. Поставете изображение в уеб страницата „Компютър“ и го прегледайте в браузъра.

Хипер-мощност на уеб-страни

Сякаш уеб страницата, която е заплетена в браузъра, се хоства на локалния компютър в същата папка, тогава замяната на адреса се посочва просто от файла, например:

Тъй като уеб страница, която е заредена в браузър, се хоства в Интернет, тогава интернет адресите са посочени като адреси, например:

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Индикатор за мощност

Pokaznik psilannya mi bachimo pid час посетете отново уеб страницата в браузъра. Можете да изпратите текст като учител, да озвучите виденията в син цвят и да поддържате, или малките, видения в рамка. При въвеждане на нова мишка курсорът ще се промени на иконата "ръка". Щракнете върху мишката след обаждащия се, извиквайки прехода към уеб-страната, показан в хиперпространството.

преди да прегледате изображението в браузъра:
<А HREF="picture.jpg">Изображение
преди стартирането на програмата, която беше вмъкната в браузъра, беше създаден този звуков файл:
<А HREF="sound.wav">Звук
за да запишете файла на локалния компютър с помощта на мениджъра за улавяне на файлове, инсталиран в браузъра:
<А HREF="Apxив.ziр">Вземете файла

Панел за навигация на сайта.Създаваме папка за сайта „Компютър“ и добавяме към сайта празните страници „Програми“, „Речник“, „Пълен“ и „Въпросник“. Запазете ги за файлове с имена software.htm, glossary.htm, hardware.htm и anketa.htm за родителския сайт. Това са "празните" страни на заглавията, но все още не можете да простите на майката:

<ТITLЕ>странична заглавка

От началната страна на сайта, ние поставяме хиперпозилан реклами от страна на кожата на сайта. Като индикатори на хиперпозилан, най-удобният избор е да посочите страните, върху които се извършва преходът.

Нека преместим индикаторите на хиперпозилан в долната част на страницата в нов параграф на един ред, като ги разделим с интервали ( ). Такова разположение на хиперпозилан често се нарича навигационен панел.

Нека вмъкнем HTML кода в началната страница на сайта, която създава навигационния панел:

<Р ALIGN="center">
[<А HREF="software . htm">Програми]
[Речник]
[Аксесоари]
[Въпросник]

Хипер съобщение до имейл адреса. Corisno от началната страна на сайта, изпратете съобщение на имейл адреса, за която информация можете да се свържете с администрацията на сайта. За което е необходимо да присвоите атрибута HREF на имейл адреса и да вмъкнете її в контейнера

, който определя стила на абзаца, приет за вмъкване на адреси:

<А HREF="mailto:[защитен с имейл]">Имейл:
[защитен с имейл]

Сега, за да щракнете върху имейл адреса, ще се отвори пощенската програма Outlook Express На когоще се покаже в изпратения адрес.

По-късно е създадена начална страница за уеб сайта "Компютър", която включва заглавие, компютърно изображение, два абзаца текст, лента за навигация, която е изпратена на имейл адреса (фиг. 6.29).

Ориз. 6.29. Началната страница за сайта "Компютър" е готова

Контролирайте храненето

1. Какви етикети и йога атрибути се използват за създаване на хиперпозилан?

Задача за независими викони

6.13. На практика задача. Създайте "компютърна" уеб-страна, която ще премахне хиперпозилан панела от другата страна на сайта и го погледнете в браузъра.

Списъци в уеб сайтове

За да завършвате често, когато поставяте текст на уеб-страни, изберете ръчно списъци за различни опции:

номерирани списъци, ако елементите на списъка са идентифицирани с допълнителни номера;

маркирани списъци, ако елементите на списъка са идентифицирани с допълнителни специални символи (маркери);

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

Възможно е да се създават и влагат списъци, освен това списъкът, който се инвестира, може според вида му да се счита за основен.

Номерирани списъци.Списък с номериране на разпределения в средата на контейнера

Маркирани списъци.Списъкът за маркиране се показва в средата на контейнера, а скин елементът на списъка е маркиран с етикет< LI >. За помощ относно атрибута на маркера TYPE

В сайта "Програми" е поставен номерационен списък, който ще обхваща промените на основните видове компютърен софтуер.

В другия елемент от основния номериран списък вмъкваме маркировъчен списък с прикачени файлове (фиг. 6.30).

Списък със назначения.Списъкът със срещи се показва в средата на контейнера

ta vznachen, yakі отидете на единични етикети

Можем да представим уебстраничния „Речник“ под формата на речник на компютърни термини (фиг. 6.31):

процесор

Централната приставка на компютъра за извършване на обработка на информация в двоичен код.
Работна памет

Моля, в кои програми и данни се записват.

Контролирайте храненето

1. Какви марки са победители за съставяне на номерирани списъци? Маркирани списъци?

Задача за независими викони

6.14. На практика задача. Създайте "Програми" от уеб страна с номериран списък и вложете маркиран списък.

6.15. На практика задача. Създайте уеб-страничен „Речник“ със списък с термини.

Курс "Създаване на уеб страници с помощта на HTM филми" Л »

Тема 1. Информация за Pochatkova за mov HTML

HTML задание за филм

уеб -страни– всички специални файлове, написани в моя HTML ( Хипер Текст маркировка език – mov оформление за хипертекст). Pid rozmіtkoyразбират вмъкването на специални кодове (тагове) в текста, първоначалните, тъй като хипертекстовият документ на субторба е виновен за показване от специална програма - браузър.

HTML езикът за създаване на независими от системата файлове описва формата на документа, но също така определя неговата структура. Например, ако в текста е включено заглавие, HTML кодът просто показва, че съответният фрагмент е заглавието. След преглед на такъв код, програмата - самият браузър virishuє, scho їy robiti іz заглавие. Възможно е да се покаже с по-голям шрифт или в центъра на екрана. Ако текстът ще бъде създаден от филмовия синтезатор, синтезаторът ще копира целия код, така че да премести силата на звука и да добави необходимата пауза.

Mova HTML е компютърен mov, в смисъл на пеене се спори с програмирането на mov. Включвате следните правила, които трябва да изпълните, за да получите правилните резултати.

HTML езикът се появи за една нощ с услугата World Wide Web и се разработи едновременно с него. Vin е основата на световната мрежа и в същото време причината за нейната най-широка популярност.

HTML - файл

HTML - файл - текстов файл, който може да бъде разширен .htmили . html Уеб сайтът се записва като HTML файл. За да създадете HTML файл, можете да туитвате като прости текстови редактори, като Notepad или Word Pad, и уеб редактори.

Структура на HTML документ

HTML документът се състои от основния документ и маркерите за маркиране, като набори от стандартни знаци.

Всички HTML документи могат да имат добре дефинирана структура. Документът е виновен, че започва с етикет и завършва с различен етикет, който се затваря. Тази двойка тагове казва на браузъра, че пред него има валиден HTML документ.

HTML документът се състои от разделени заглавията и тялото на документа, scho върви в този ред. Разделих заглавията на наредбите между етикети и скрита информация за документа като цяло. Зокрема, чиято част беше виновна за отмъщение за собствените си етикети и замяна с „официалното“ заглавие на документа.

Текстът на самия документ е разширен в тялото на документа. Тялото на документа се разширява между таговете и BODY>. На практика е възможно да се определи местоположението на тези основни тагове за техните дни. За това, като етикети, і , а също и ако къдравите тагове са пропуснати, тогава програмата - браузърът може сам да определи мястото, виновна е вонята. Но в крайна сметка не се препоръчва да се пропускат qi таговете по време на създаването на уеб страници.

Най-простият правилен HTML документ.

< ГЛАВА >

< ЗАГЛАВИЕ >Заглавие на документаЗАГЛАВИЕ >

ГЛАВА >

< ТЯЛО >

ТЯЛО >

етикети HTML

Mova HTML се състои от специални rozmichalnyh индикатори - тагове. Те също могат да бъдат наречени команди, инструкции или HTML кодове.

Тагът е инструкция към браузъра, за да посочи как трябва да бъде изобразен текстът. Всички тагове започват със символа по-малко от (<) и заканчиваются символом «больше» (>). Няколко символа се наричат по различен начин къдрави арки.След отварянето на върховия лък Ide ключова дума, Какво означава етикетът

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

Използвайте два типа тагове - момчета и несдвоени.

Етикети за момчета- кои криви и извивки, подобни на кръглите арки на алгебрична вираза. Вонята се добавя към текста от този месец, de live, преди този месец, където е показан знакът за края на їх dії (затворените тагове започват с наклонената черта (/).

Например, < HTML > HTML >, < P>P>, H3 >

Несдвоените тагове дават еднократен ефект на мястото, където се появяват, така че няма нужда от абстрактното, което се затваря.

Например,
, ,

етикет носят служебна информация за уеб сайта и не се появяват на екрана на браузъра: цялата информация за кодирането на уеб сайта, за автора, както и набор от ключови думи за търсене, които трябва да се показват на сайта.

дупето.

Пример за сгъваеми маси

От дупето се вижда, че страната на викторианското кодиране на Windows-1251 е най-разширената за днес, достатъчно е само да поставите етикета по този начин, гледайки отстрани; автор на страничната линия е Иванов Иван; страната е посветена на съществата.

Когато документът се показва в браузъра, самите тагове не се показват, но се добавят към начина, по който се показва документът.Сякаш извинението в абстрактното показва ключова дума, тъй като тя не се появява в моя HTML, етикетът се игнорира в по-голямата си част.

Атрибути на етикети

Показващите се етикети често могат да заменят атрибутите, които се добавят към ефекта на маркера.

Атрибути – всички допълнителни ключови думи, vodokremlenі като ключовата дума на тага и един като един интервал.

Атрибутите могат да имат стойност, написана след знака за равенство (=). Zavzhda постави стойността на атрибута в лапите (единична подложка). Грабването при лапите не е виновно за отмъщение, така че лапите са в средата на себе си. Можете да спуснете лапите си за значението на атрибутите, тъй като те се сумират само от следните символи:

символи на английската азбука;

интервали;
тирета (-).

Можете също така да намалите лапите за стойността на атрибутите, тъй като тя се сумира само от идващите символи (върнете се към техническата концепция ):

символи на английската азбука ( А-Я, а - я)

цифри ( 0 - 9 )

интервали

тирета ( - )

по такъв начин, ШИРИНА=80і ИЗПЪЛНЯВАНЕ=ЦЕНТЪР- Допустимо съкращение за ШИРИНА = "80"і ALIGN="CENTER".
Етикети, които се затварят, не отмъщават за атрибути.

Приложи. ШРИФТ >

Коментари

По същия начин, както при всички езикови програми, е възможно да се добавят коментари към програмата (текстови редове, които не са част от програмата) и няма начин да се премести HTML. Започнете коментара със специалния етикет. Коментарът може да включва всякакви символи, с изключение на символа по-голямо от (>), i, така че не можете да включвате тагове.

Принципът на намаляване на етикета

етикети за контейнери
Вече знаем, че етикетите на света са съставени от две части - tse vіdkrivaє (vіn същото - за отмъщение на атрибути) и zakrivaє, tobto "kіnets" таг. Задачите в абстрактните параметри са само между кочана и кочана, така че само в средата на етикета:

<начало 2-го тега>

текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

<начало 3-го тега>
текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст

<Конец 3-го тега>

<Конец 2-го тега>

<Конец 1-го тега>

Стъпването на левия ръб не е vipadkovі - вонята автоматично се вмъква от програми, които формират HTML код, за да го улеснят разбирането. Dosit ozumіti, scho chim далеч в левия ръб, за да видите етикета, tim "повече" вени за лъжа, tim повече "по-стари" етикети могат да бъдат на ново дете.

Също така имайте предвид, че някои атрибути на вложени тагове могат да бъдат добавени към "по-стари" тагове. Например, това е типично за таблици, вложени едно към едно.
Ако вътрешната таблица има размер на задачата 100, тогава външната таблица не може да има размер по-малък от 100 пиксела + ширина на рамката. В такъв ранг на масата се инвестира як би "разпирає", че в яки спечели се инвестира. Ако е така, не е необходимо да разширявате броя на задачите в нея, но количеството на текста в нея е значително, ще отворите „по-старата“ таблица за такъв размер, който е необходим за показване на голям брой редове в Текстът. Нарича се "обратно повикване".

Практичен робот номер 1

„Създаването на най-простото уеб -Сторинки"

Цел:научете как да създавате уеб страни в текстов редактор Notepad.

Vkazivki to vikonannya

Въведете нова структура за HTML документа, както е показано по-долу:

За най-малките ни братя.

Тук ще намерите правилната уеб страна

Запазете файла, като му дадете име index .htm.

Отворете създадения файл. Можете да видите как виждате творенията на файла в прозореца на браузъра.

Затворете браузъра си.

Обърнете се към файла, записан в Notepad.

Направете предварителна промяна преди следващата: заменете думите „Промяната на уеб страницата ще бъде поставена тук“, въведете това: Това е моята първа страна .

В един ред < ЗАГЛАВИЕ> кажете: "Начало (вашето име е това име)."

Запазете файла като страница 2.htm.

Разгледайте резултата в браузъра, ако е необходимо, редактирайте файла с помощта на помощта на Notepad.

Тема 2: HTML тагове

Физически и логически етикети за форматиране на текст

Форматиране на шрифта . За форматиране на текста има много елементи. Можете да форматирате текста, като използвате допълнителни традиционни елементи: вижте фрагментите в курсив, удебелен шрифт, изберете шрифт, размер и цвят на шрифта, обърнете текстови фрагменти. Ако авторът няма прости опции за форматиране на текста, можете да отидете на стиловата таблица, която ще разшири възможностите за HTML форматиране.

Нека да разгледаме стандартните HTML филмови елементи, които ви позволяват да форматирате текст.

Шрифт- Променете кода за видими изображения във всички таблици.
Клавишът на кожата на клавиатурата дава кода на песента, който се разпознава от операционната система (операционна система, предимно Windows или Linux / Unix).
По този начин, като избере шрифт sing, системата заменя кода на клавишната комбинация в таблицата със символи с шрифта на буквата или иконата на изображението. Кожен шрифт - це файл. Файл, който може да се използва за замяна на изображение с букви, цифри и символи, които са присвоени на бутон на кожата. Вмъкване на шрифт - означава включване на файл с допълнителни таблици с настройки. За системите MS Windows има селекция от шрифтове, които се доставят наведнъж от системата - ce:

Arial

Куриер Нов

Comic Sans

Komik Sans

Times New Roman

Вердана

Кожата от тези шрифтове е предрешикова в собствения си дизайн и стил. Най-голямото разширение е Arial. Всички шрифтове може да са 90% от всички мнения от ваша бъдеща страна. Leather font - отделен файл в папката Windows/fonts/*.ttf. Как да променя шрифта в HTML, за да изглежда различно?
< ШРИФТ >… ШРИФТ > в зависимост от вида, rozmіru и цвета на шрифта. Всички тези параметри са присвоени за допълнителни релевантни атрибути.

Абсолютният размер на шрифта се задава от атрибута size (експер.). Този атрибут може да приема стойности от 1 до 7, освен това шрифтът на 1-вото измерение е най-малкият, а 7-ият е най-големият.
Приложи.

текстът е разширен 1
текстът е разширен 2
текстът е разширен 3
текстът е разширен 4
текстът е разширен 5

текстът е разширен 6
текстът е разширен 7

Тихо тук - далеч ОНТ>.
В дизайна використът звучи първо чотири розмарин. Всичко, което е повече, мръсен тон и признак на аматьорство, повече заема много място и е важно за четене. Вярно е, че за по-големи размери има стагнация. Например, можете да напишете начална буква със същия rozmіrom (първата буква на кочана): T текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.
Междувременно можем да изберем самия шрифт, който ще бъде избран за показване на текста. Борба с атрибута лице (поглед).

Приложи.Този шрифт е с размер 3 ONT >
Текст на ШРИФТ >
Як бачимо, дтези два атрибута - rozmіr и тип на шрифта, - можете да промените реда на резюмето :
Можете също да vikoristuvati атрибут цвят (цвят).Извикването на цвета е или число, пишем в шестнадесета система, например, цвят = „#ff 0000“, или просто го наричам, написано на английски, например, color = „red“. Приложи. Шрифт в син цвят FONT >
Този шрифт е с размер 3, син цвят FONT >
Шрифтът може да се използва също: крехък (курсив), удебелен, кръстосан, кръстосан, надстрочен, надстроков, а също така да се използва като цаца от обозначени изображения. Достъпно чрез тагове:
< аз > текстаз >
< Б > текстБ >
< У > текстУ >
< С > текст С >
< SUP > текст SUP >
< SUB > текст SUB >,
а също и техните поднани, напр. <У > текст У>B>
Форматиране на абзаци. Повечето от неизпълнените документи имат основните функционални подразделения заглавияі параграфиУеб документите са проблем. За да идентифицирате най-важните параграфи в моя HTML, използвайте маркера

…П > (Параграф). Освен това можете да спечелите само маркера на кочана, като офанзивен елемент

означава кочана на обидния параграф и края на предната част. В тихи ситуации, ако е необходимо да се посочи завършването на параграф след промяната, можете да изберете крайния етикет.
Веднага, от етикета на параграф, можете да цитирате и приписвате подравнете:
align = "ляво" - ляво подравняване;
align = "вдясно" - дясно подравняване;
align = "center" - подравняване в центъра.
дупето.

Раздел 1P >

Анимация >

страна 3P>

Movі HTML няма никакви възможности за създаване на запис на параграф („червен ред“), така че за яснота на четене на текста между абзаците, браузърът извиква да въведете празен ред. По правило е необходимо да промените прехода към нов ред, без да създавате абзац, избира се единичен етикет
. На мястото на същото разпределение редът завършва, а текстът, който е останал, започва от нов ред. Tsej таг ръчно vikoristovuvaty, schob, например, пишете стихове на stovpchik:
Пуснаха медицинския служител за изпитание,
Те скъсаха лапата на ведмедика,
Все пак няма да хвърля йога,
Защото виното е добро.
На екрана на браузъра използваме стандартния ред на писане на chotirivirsh.

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

Virivnyuvannya

подравняване = "ляво"

подравняване = "център"

подравняване = "вдясно"

align="justify"

Другарство и линия Довжина на пиксели.

Размер = 3 (ширина в пиксели)

ширина = 300 (дължина в пиксели)

ширина = 100% (широчина ширина)

Цвят на линията

цвят = "червен"

HTML езикът поддържа шест равни вътрешни заглавки в документа. Миризмата се обозначава с етикетите vіd

…

преди

…

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

Домашни същества

Логическо форматиране на текст . В този момент можем да разгледаме таговете, като за техния ефект те предполагат етикетите, които задават размера, цвета и изображението на шрифта. Важно е да се отбележи, че тези тагове ефективно описват истинската сила на текста. Tse означава, че текстът може да бъде изобразен по различен начин в различните браузъри, но ефектът от гаранции ще предизвика в този случай, ако по някаква причина няма възможност за блокиране на ефектите на шрифта. Всички тези тагове се свързват и добавят към текста, подреждане между тагове, които се извиват и затварят. Затваряне на етикета на obs'yazkovy.
етикет … vikoristovuєtsya за цитати, книги с имена. Звучи в курсив.
HTML фрагментите са създадени от хора, използващи компютри, разпознават се цяла група тагове за представяне на текстове в компютърни програми и резултатите от взаимодействието с тях.
етикет < КОД >… КОД > Посочете изходния текст на компютърна програма, който звучи с моноширинен шрифт (най-вече шрифт Courier), тоест с фиксиран размер шрифт.
етикет < KBD >… KBD > форматиране на текста, което се дължи на въведения на buti (или buv) с помощта на клавиатурата, които звучат като моноширинен удебелен шрифт. Английски тип клавиатура - клавиатура
дупето.

За да стартирате Windows, въведете: печеля.
Кодът:
За да стартирате Windows, въведете: win
етикет … посочете текста като извадка. Vikoristovuetsya за разбирането на текста, който трябва да бъде програми. Показва се с моноширинен шрифт.
дупето.
Страхотен текст
етикет … vikoristovuєtsya vіdіlennya zminnіh і в програмата за листване. Звук, такъв текст се показва в курсив. Тип английски вар iable - променлив.
дупето.
А, Б, ° С
Кодът:
А, Б, В

етикет < ЕМ >… ЕМ > vykoristovuetsya вижте елементите на текста (звук в курсив).
етикет < СИЛНА >… СИЛНА > vykoristovuetsya за силна визия на елементите на текста (с удебелен шрифт).
дупето.
Страхотен текст
А ето и текста от избрания таг .
Шардовете тук са победители в смисъла да видите дизайна, препоръчва се да спечелите етикетите вместо етикетите і< Б >.

Практичен робот номер 2

“Форматиране на текст в уеб-страни”

Цел:Научете как да форматирате шрифта и текста на уеб сайта.

Vkazivki to vikonannya

В елемент< ЗАГЛАВИЕ> въведете името на страната “P/r No. 2”.

Форматирайте входящия текст по подходящ начин до твърденията (посочени в арките в курсив), както е показано в малката.

Домашни същества

(заглавиеХ 1)

(Изглед в центъра)

кучета

(заглавиеХ 2)

(Изглед в центъра)

Пазачи

(Virіvnyuvannya zlіva, удебелен шрифт)

Мисливски

(обърнат дясна ръка, удебелен шрифт)

Дресинг

(Центирано, удебелен курсив)

Клуби Виставки Майданчики

(маркиран в центъра, размер на шрифта 10, цветен шрифт черен, шрифтArial )

Вирш

(Цветът на шрифта е син, размерът на шрифта е 6, подравняването е в центъра)

За цял живот съм скромен,

Овациите не са задължителни

Здравейте, готина съм

Чудя се на снаряда!

(Подравняване вляво, размер на шрифта 6)

Създаване на списъци

Маркирани списъци. Списъкът е преразгледан според оригиналния текст, така че Користувачев не трябва да мисли за номерирането на параграфите: аз го вземам върху себе си. Ако списъкът е допълнен с нови елементи или ако е кратък, номерацията се коригира автоматично. В различни неномерирани списъци на програмата поставете маркери пред точката на кожата: кухли, правоъгълници, ромбове или други изображения. В резултат на това списъкът изглежда като ръководство.

Етикети за създаване на неномериран списък:

< LI > UL >
етикет

е техен собствен списък в рамка. Vin ви позволява да добавите един списък от други типове. етикет
обозначаване на кожата от пункции.
дупето.
Изглед на екрана:
Етикети за създаване на номериран списък: < О L>< LI > OL >

Номерирани списъци. Структурата на подреден списък е подобна на структурата на неподреден списък. Рамки за рамкиране на етикета
1. . Коженият артикул е номериран с арабски чи римски цифри, букви на латинска азбука.
дупето.

Влизане

1.1 Pro mov HTML

1.2 сгънете уебсайт

Какви филми трябва да знаете, за да създавате уебсайтове?

Най-популярни филми

Разработване на уеб сайтове от различни филми и оформления до HTML хипертекст

Уеб страни и уеб сайтове

Структура на уеб сайта

Форматиране на текст в уеб сайта

Вмъкване на изображение в уеб сайта

Хипер-мощност на уеб-страни

Списъци в уеб сайтове

Атрибути на етикети

Тема 2: HTML тагове

…

…

Можете също да костюм