Нэвтрэх

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 вики нь баримт бичгийг фонт, шугам болон бусад график элементүүдийг хардаг дурын системд оруулахад зориулж форматлах боломжийг олгодог.

Ихэнх баримт бичиг нь гарчиг, догол мөр, жагсаалт зэрэг стандарт элементүүдийг агуулдаг. HTML шошго ашиглан та эдгээр элементүүдийг тодорхойлж, баримт бичгийн ерөнхий бүтэц, мэдээллийн бүрэн байдлыг харгалзан WEB хөтчүүдэд эдгээр элементүүдийг харуулах хамгийн бага мэдээлэл үлдээх боломжтой. HTML баримтыг уншихад шаардлагатай бүх зүйл бол HTML хаягуудыг тайлбарлаж, баримтыг таны өмнө байгаа дэлгэцэн дээр гаргах WEB хөтөч бөгөөд үүнийг зохиогч хийх ёстой.

Ихэнх тохиолдолд баримт бичгийн зохиогч нь баримт бичгийн анхны дүр төрхийг тодорхой тодорхойлдог. HTML уншигчийн үед WEB хөтөчийн чадавхид тулгуурлан та баримт бичгийн танил дүр төрхөөр дэлхийг дуулах боломжтой (оронд нь йог биш ч гэсэн). HTML нь баримт бичиг нь гарчиг эсвэл нэмэлт HTML шошгоны догол мөрийг хариуцаж байгаа эсэхийг зааж өгөх боломжийг олгодог бөгөөд дараа нь WEB хөтөч эдгээр хаягуудыг тайлбарлах боломжийг олгоно. Жишээлбэл, нэг WEB-хөтөч догол мөрийн эхэнд байгаа шошгыг таньж, баримтыг зөв хэлбэрээр танилцуулж чаддаг бол нөгөө нь нэг мөрөнд баримт бичгийг оруулах чадваргүй байдаг. Бусад WEB хөтчүүд нь баримт бичгийн дэлгэцэнд нэмэх фонтын хэмжээ, төрөл, өнгө болон бусад параметрүүдийг тохируулах боломжтой байж болно.

HTML хаягуудыг хоёр төрөлд хувааж болно:

1. ВЭБ хөтөч баримт бичгийн биеийг бүхэлд нь хэрхэн харуулахыг илтгэх хаягууд.

2. Баримт бичгийн гарчиг эсвэл зохиогч зэрэг баримт бичгийн ерөнхий эрх мэдлийг тодорхойлсон шошго.

HTML-ийн гол давуу тал нь таны баримт бичгийг янз бүрийн төрлийн WEB хөтөч болон өөр өөр платформ дээр үзэх боломжтой гэдгийг санаарай.

1.2 нугалах вэб сайт

HTML баримт бичгүүдийг текст засварлагч эсвэл тусгай HTML засварлагч, хөрвүүлэгчийн тусламжтайгаар үүсгэж болно. HTML-баримт бичгийг бүтээхэд ашиглах редакторын сонголт нь зөвхөн арьсны зохиогчийн тодорхой байдал, онцгой дүр төрхийг ойлгоход хэрэглэгдэх болно.

Жишээлбэл, Netscape-ийн Netscape Navigator Gold зэрэг HTML редакторууд нь WYSIWYG (What You See Is What You Get) технологийг ашиглан графикаар баримт үүсгэх боломжийг олгодог. Нөгөөтэйгүүр, баримт бичиг үүсгэх уламжлалт хэрэгслүүдийн ихэнхийг хөрвүүлэгчид хөрвүүлж, баримт бичгийг HTML формат руу хөрвүүлэх боломжийг олгодог.

Бүх HTML шошгууд "-ээр эхэлдэг.<" (левой угловой скобки) и заканчиваются символом ">(баруун оройн нуман хаалга). Дүрмээр бол эхлэл болон төгсгөлийн тагийг ашигла. Өгзөгний хувьд бид эхлэл ба төгсгөлийн шошгоны дунд байрлах текстийг зааж, баримт бичгийн гарчгийг дүрсэлсэн гарчгийн шошгуудыг гүйлгэнэ.

Баримт бичгийн гарчиг

Төгсгөлийн шошго нь эхлэх шошготой адилхан харагдах бөгөөд оройн голд байгаа текстийн өмнөх шинэ шууд налуу зураас шиг сонсогдоно. Хэний програм шошготой байна WEB хөтчөөс гарчгийн формат, шошгыг таахыг хэлээрэй- гарчгийн текстийг дуусгах тухай.

Деяки шошго, тийм ээ, сарлаг

(догол мөрийг тодорхойлсон шошго), эцсийн шошгыг бүү мартаарай, гэхдээ энэ нь баримт бичгийн гаралтын текстийн уншигдах чадвар, бүтцийг сайжруулдаг.

HTML нь шошгыг дүрсэлсэн тэмдэгтүүдэд хариу үйлдэл үзүүлэхгүй бөгөөд өмнө нь хулганыг хулганаар хулганаа авбал дараах жишээ харагдаж болно.

Баримт бичгийн гарчиг

Хүндэтгэсэн! Баримт бичгийг тайлбарлахдаа WEB хөтчөөс HTML баримт бичгийн гаралтын текстэнд нэмсэн нэмэлт цоорхой, хүснэгт болон тэрэгний эргэлтийн тэмдэгтүүдийг үл тоомсорлодог. HTML баримт бичиг нь бусад элементүүдийн тайлбарыг зөвхөн шошгуудын дунд байрлуулсан тохиолдолд л агуулж болно

І

. Шошгуудын талаар мэдээлэх

Үүнийг доор бичих болно.

Хэрэв WEB хөтөч баримт бичгийг хүлээн авбал баримтыг хэрхэн тайлбарлаж болохыг харуулдаг. Баримт бичигт гарч ирэх эхний шошго нь шошго байж болно . Энэ шошго нь вэб хөтчид таны баримтыг HTML хэлээр бичсэн гэдгийг хэлдэг. Хамгийн бага HTML баримт бичиг дараах байдалтай байна.

Баримт бичгийн үндсэн хэсэг...

Баримт бичгийн толгой хэсэг . Баримт бичгийн толгойн шошго нь шошгоны хажууд байгаа үнийн саналыг хариуцна баримт бичгийн гарчгийн ойролцоо хаана ч байхгүй. Tsey tag нь баримт бичгийн ерөнхий тодорхойлолт юм. Өвөрмөц rozmіschuvat хаягийн дунд текст байгаа эсэхээс үл хамааран . Эхлэх шошго шошгоны өмнө шууд байрлуулсан баримт бичгийг дүрсэлсэн бусад шошго болон төгсгөлийн шошго</HEAD>Баримт бичгийн тайлбарыг хийж дуусмагц нийтлэх болно. Жишээлбэл:</p> <p><TITLE>Spivrobitnik жагсаалт

Хүндэтгэсэн! Техникийн хувьд эхлэл ба төгсгөлийн шошгоны төрөл , і neobov'yaskovі. Түүнчлэн, WEB хөтөч нь баримт бичгийн толгой хэсэг болон дунд хэсгийг салгах боломжийг олгохын тулд эдгээр шошгонд эгшиг, шошгоны эгшиг ашиглахыг зөвлөж байна.

Баримт бичгийн гарчиг . Ихэнх WEB хөтчүүд шошгоны оронд харуулдаг <TITLE>Цонхны гарчиг, баримт бичгийг хэрхэн устгах, хавчуургын файл, түүнчлэн vin-ийг WEB-хөтөч дэмждэг. Гарчиг, тэмдэглэгдсэн <TITLE>і, дундуур байрлуулсан -дээрх програм дээр үзүүлсэн шиг шошго Цонхонд бичиг баримт гарч ирэхэд баримтын гарчиг харагдахгүй.

Өдрийн туршид мэдээллийн технологийн салбар улам бүр өргөжин тэлж, сайтуудыг бий болгож, өсөн нэмэгдэж байна. zbіlshennya kіlkostі fahivtsіv нь үйлдвэрлэх Tse, yakі сайтын хөгжил, його дэмжлэг авах бэлэн. Гэсэн хэдий ч, ийм олон вэб-majstrіv нь үнэ төлбөргүй дизайнерууд хамрагддаг бөгөөд програмчлалын болон техникийн хадгалах сайтын талаар төсөөлшгүй ч байж магадгүй юм. Гайхалтай нь ашиглах чадвар, дизайн, агуулга нь илүү чухал боловч кодын өршөөл бүхий техникийн хувьд сул сайт нь аз авчрахгүй. Тиймээс, сайтуудыг бий болгохын тулд тэдгээр fakhivtsy-ээс бага нь тэдгээрийг хэлээр програмчилж, сайтыг эхнээс нь өргөжүүлэхэд бэлэн байгаа мэт авч болно.

Вэбсайт үүсгэхийн тулд ямар төрлийн киног мэдэх шаардлагатай вэ?

Dosvіdchenі rozrobniki scho, scho vіd баялаг хүчин зүйлсийг уринш нь movi programuvannya сонгох. Гэсэн хэдий ч төгс шийдэл байхгүй гэдгийг ойлгосноор арьсны сонголт нь өөрийн давуу болон сул талуудтай байж болно. Зорьсон даалгавраа биелүүлэхийн тулд тэр хэлийг сонгох хэрэгтэй. Хоол тэжээл нь түүний өмнө харагдах ёстой тул хэлний сонголт:

серверийн платформ;
серверийн програм хангамж;
үүсгэсэн сайтууд дээр мэдээлэл байгаа эсэх;
Сонгосон мэдээллийн сан.

Хамгийн алдартай кинонууд

Вэб сайт	Алдартай байдал (Сарын өвөрмөц оруулгууд)	арын төгсгөл (Сервер)	Өгөгдлийн сан
Google.com	1,600,000,000	C, C++, Go, Java, Python	BigTable, MariaDB
facebook.com	1,100,000,000	Hack, PHP (HHVM), Python, C++, Java, Erlang, D, Xhp, Haskell	MariaDB, MySQL, HBase Cassandra
youtube.com	1,100,000,000	C, C++, Python, Java, Go	Витессе, 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, Hack	MySQL, MariaDB
twitter.com	290,000,000	C++, Java, Scala, Ruby	MySQL
Bing	285,000,000	ASP.NET	Microsoft SQL сервер
eBay.com	285,000,000	Java, JavaScript, Scala	Oracle мэдээллийн сан
msn.com	280,000,000	ASP.NET	Microsoft SQL сервер
Майкрософт	270,000,000	ASP.NET	Microsoft SQL сервер
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 зайлшгүй шаардлагатай бөгөөд користувачтай холбоо барих мэдээллийг шинэ энгийн аргаар авах шаардлагатай. Киноны үндсэн давуу тал нь vikoristovuyuchi її, программистууд хурдан бөгөөд zayvih zusil атираа динамик талууд ямар ч байж болох юм.

Python. Оросын йог ихэвчлэн "питон" гэж нэрлэдэг. Tse vysokorіvneva mova, өндөр зэрэглэлийн zavdan нь сарлагийн vikoristovuєtsya, хамгийн vykonannya zavdan серверт зориулсан. Його чиг баримжаа - програмистын бүтээмжийг дээшлүүлэх, кодыг унших. Тусламж авахын тулд та баялаг програмчлалын парадигмуудын нөөц хуулбарыг хийж болно. Python нь Windows болон Linux серверүүд дээр автоматаар ажилладаг.

Руби. Оросын йог ихэвчлэн "руби" гэж нэрлэдэг. Энэ нь OOP (объект хандалтат програмчлал)-д зориулагдсан динамик, тусгалтай, өндөр түвшний хэл юм. Win нь танд ямар ч үйлдлийн систем дээр баялаг урсгалыг хэрэгжүүлэх боломжийг олгодог, динамик дүр төрхийг хатуу хэвшүүлдэг бөгөөд бусад цөөн тооны сонголттой байж болно. Ruby-ийн синтаксийн шинж чанарын хувьд Эйфел, Перл нарын аналогуудтай хамгийн ойр байдаг. Нэмж дурдахад Python-ийн ард цөөн хэдэн нарийн ширийн зүйл байдаг.

A.S.P. Энэ хэлийг Microsoft корпораци тараасан. Нэмэлт технологийн хувьд та www.asp програмыг татаж авах боломжтой. Киноны платформууд: Internet Information Server (IIS) болон Windows NT. ASP-ийг өөрийнхөөрөө гэж нэрлэж болно, энэ нь програмыг интернет сайт руу нэвтрэх технологийн хувьд илүү үнэтэй юм. ASP-ийн бүх давуу тал нь энгийн mov скрипт, гуравдагч талын COM элементүүдийг ачаалах боломж юм.

JavaScript. Javascript trohi-ийн зарчим нь бусад програмчлалын хэлнүүдээс ялгаатай. Энэ нь HTML файлтай шууд холбогдох гол эрх мэдэл юм. Скрипт, JavaScript дээр суурилсан бүтээлүүд, орчуулагчаар боловсруулагдсан, хөтөчөөр хэрэгжүүлсэн. Qia mova vykoristovuetsya том спектрийн даалгавар: динамик талуудыг бий болгох (баримт бичгийг сайжруулахын тулд тэдгээрийн агуулгыг өөрчилж болно);

Виришення mіstsevyh завдан; серверт дараагийн илгээхээс өмнө маягтыг зөв бөглөсөн эсэхийг шалгах.

Хөдөлгөөний агуу боломжуудыг її алдар нэрээр тайлбарладаг. Тиймээс, JavaScript-ийн тусламж авахын тулд та дараахь зүйлийг хийх боломжтой.

хажуу тийш өөрчлөх: текст нэмэх, цэвэрлэх, хэв маяг, шошгыг өөрчлөх;
yakіs podії (жишээ нь, хулгана дарахад) хариу үйлдэл үзүүлж, өгөгдсөн функцийг ялах;
сануулагчийг засварлах, күүки тохируулах, унших, оруулсан мэдээллийн үнэн зөвийг шалгах;
баримтыг дахин импортлохгүйгээр шинэ өгөгдлийг импортлох.

perl. Энэхүү киноны эхлэлийг программыг бий болгоход зориулж бичсэн бөгөөд тэдгээр нь янз бүрийн даалгавруудыг нэг хувилбараар гүйцэтгэхийн тулд бүхэл бүтэн даалгаврыг гүйцэтгэхэд зориулагдсан болно: текст боловсруулах, удирдах болон бусад. Өнөөдөр Pearl голчлон CGI нэмэлтүүдийг хөгжүүлснээр ялалт байгуулдаг. Vіn нь сервер болон бусад системийг удирдахад тусалдаг. Завдяки энгийн бөгөөд хурдан бичигдсэн скрипт нь Pearl, йог нь Mac болон Windows зэрэг бүх алдартай платформд тохирсон. Perl кодыг шалгах боломжтой бөгөөд энэ нь үнэ төлбөргүй юм.

Танд ямар их мэдлэг хэрэгтэй вэ?

Програмчлалын анхан шатны мэдлэгийг сургуулийн компьютерийн шинжлэх ухааны хичээлээр заадаг. Паскаль, Делфи нар бараг л арьстай байсан. Ale іnshі, skladnіshі movi programuvannya, vmagayut іnshoy, илүү төвөгтэй, ноцтой хандлага. Амжилттай программист байх ёстой хамгийн эхний зүйл бол математик, логик үндэслэлийн агуулах ба үүнийг өөрийн гараар зөв олж авах чадвар юм. Хэрэв та varto байхгүй бол та бүх зүйлийг дуулах хэрэгтэй болно. Таван үгийн талаар илүү ихийг мэдэхийн тулд нэгийг илүү сайн эзэмшсэн нь дээр, ээжийгээ доошлуул. Бүх зүйл ижил төстэй зарчмууд байж болох юм, бүх өмхий өдрийн логик дээр байх болно, нэг цагийн дараа миний шинэ vchiti yogo-ийн арьсаар бүх зүйл илүү хялбар болно. Өөр хэн нэгний кодыг хуулж эсвэл өөрчилнө үү, гэхдээ өөрийнхөө кодыг бичээрэй, зөв "уран бүтээлч" барилга бол арьс ширнээс хол байна.

Төрөл бүрийн кино, загвараас эхлээд HTML гипертекст хүртэл вэб сайтуудыг хөгжүүлэх

Вэб талууд ба вэб сайтууд

Вэб хуудсууд. HTML (Hyper Text Markup Language) гипертекст баримт бичгийн гар утасны байршлын тусламжтайгаар вэб сайтууд бүтээгдсэн. Стандарт текст баримт бичигт үндсэн тэмдэгтүүдийг оруулдаг - HTML шошго нь вэб хуудасны харагдах байдлыг хөтчөөс үзэхэд тодорхойлогддог.

Вэб талын гол давуу талууд нь:
- Хамгийн бага мэдээлэл obsyag;
- өөр өөр үйлдлийн системийг шалгах боломж.

Вэб талуудыг бий болгохын тулд хамгийн энгийн текст засварлагчдыг ашигладаг бөгөөд тэдгээр нь үүсгэгдэж буй баримт бичигт оруулаагүй, ямар тэмдэгтүүдийг засварлагчийн текст рүү форматласан байдаг. Windows дээрх ийм засварлагчийн хувьд та стандарт Notepad програмыг мушгиж болно.

Хувилбар HTML шошготой вэб хуудсуудыг бүтээхэд та киноны синтаксийг мэдсэний дараа маш их хүчин чармайлт шаардах болно. Zastosuvannya spetsialnyh іnstrumentalnyh іnstrumentalnyh zasobіv (Вэб-редакторууд) нь энгийн бөгөөд үр дүнтэй вэб сайт үүсгэх робот дээрэмдэх. Вэб-редакторуудад хуудас үүсгэх, засварлах үйл явц нь илүү дэвшилтэт тул WYSIWYG горимд (Англи хэлээр "Чи хардаг зүйлээ олж авдаг" - "Чи хардаг зүйлээ авдаг" гэх мэт) явагддаг.

Вэб сайтууд.Бүх дэлхийн Меражын нийтлэлүүд нь эдгээр эсвэл асуудлуудаас материалыг өшөө авах гэсэн мэт вэб сайт хэлбэрээр хэрэгждэг. Тусгаар тогтносон бүтэц, байгууллагууд (хэлтэс, бодол санаа, сургууль гэх мэт) байгууллагынхаа албан ёсны вэбсайтыг бий болгож, үйл ажиллагааныхаа мэдээллийг байршуулдаг. Арилжааны пүүсүүд өөрсдийн вэб сайт дээр бараа, үйлчилгээг сурталчилж, интернет дэлгүүрт сурталчилдаг. Хэрэв та Интернет дэх сурвалжлагч бол өөрийн сэдэвчилсэн сайтыг үүсгэж, бүтээн байгуулалт, хуримтлал гэх мэт мэдээллийг нийтлэх боломжтой.

Сэтгүүл нь өөр өөр талуудаас бүрддэгтэй адил вэб сайт нь компьютерийн вэб хуудаснаас бүрддэг. Энэ сайт нь koristuvachevy-д вэб сайтуудаар шилжих боломжийг олгодог тул гиперпозилан системийг эсэргүүцсэн гэм буруутай юм.

Интернэт дэх сервер дээр вэб сайтаа эхлээд байрлуулах, энэ нь хүчтэй эсэргүүцэх шаардлагатай байна, таны сайтын боломж Интернет дээр хэдэн арван сая coristuvachi байх болно.

Вэб сайтыг нийтлэхийн тулд интернетийн аль нэг сервер дээрх байршлыг яг таг мэдэх шаардлагатай. Маш олон үйлчилгээ үзүүлэгчид үйлчлүүлэгчдэдээ сервер дээрээ вэб сайтыг үнэ төлбөргүй байршуулах боломжийг олгодог (үнэгүй байршуулах).

Хоол тэжээлийг хянах

1. Яагаад вэб тал нь агуу текст баримт бичгүүдээс илүү байдаг вэ?

2. Вэб сайтууд вэб сайтад хэрхэн нийлдэг вэ?

Вэб сайтын бүтэц

Хажуугийн HTML кодыг савны дунд байрлуулна . Эдгээр шошгогүйгээр хөтөч нь баримт бичгийн форматыг тодорхойлж, зөв тайлбарлах боломжгүй юм. Вэб хуудас нь гарчиг болон хөтөч дээр харагдах хэсэг гэсэн хоёр логик хэсэгт хуваагдана.

Вэб талын гарчиг нь контейнертэй таарч байна мөн баримт бичгийн нэр болон хуудасны талаарх нэмэлт мэдээллийг (жишээлбэл, кодчилолын төрөл) солихын тулд хөтчөөр зөв харуулах эсэхийг шалгана.

Шошгууд нь нумын орой дээр байрладаг бөгөөд ганц бие эсвэл эрэгтэй байж болно. Эцэг эхийн шошго сав).

Хаалтын шошгыг тэмдэгтийн өмнө налуу зураасаар (/) солих хэрэгтэй. Шошгуудыг том, жижиг үсгээр бичиж болно.

Хажуугийн нэрийг савны дэргэд байрлуулна дахин зочилсны дараа хөтчийн цонхны дээд эгнээнд гарч ирнэ.

Хөтөч дээр харагдах талыг өөрчлөхийг саванд хийнэ (Зураг 6.26):

<ТITLE>Компьютер

Компьютер болон програм хангамж

Цагаан будаа. 6.26. Вэб талын "Компьютер" бэлтгэх

Үүсгэсэн вэб тал нь index.htm нэртэй файл хэлбэрээр хадгалагдах ёстой. Вэб сайтын файлыг өргөтгөхтэй адил та HTML-г өөрчлөх боломжтой. Сайт руу түгээх тусгай хавтас үүсгэж, энэ хавтсанд тараагдсан сайтын бүх файлыг хадгалахыг зөвлөж байна.

Файлын системээс вэб тал хадгалагдаж байгаа index.htm файлын нэр, вэб талын нэрийг (жишээ нь "Компьютер") дээд эгнээнд байгаа байдлаар нь салгах шаардлагатай. хөтчийн цонхноос. Im'ya вэб сайтууд үүнийг нотлох системээр шинжлэх боломжгүй гэдгийг надад нотлох боломжтой.

Хоол тэжээлийг хянах

1. HTML баримт бичигт ерөнхийдөө ямар таг (контейнер) байх ёстой вэ? Вэб талын логик бүтэц нь юу вэ?

6.10. Практикт даалгавар. "Компьютер" вэб хуудсыг үүсгээд хөтчөөс харна уу.

Вэб сайт дээрх текстийг форматлах

Одоогоор манай тал тийм ч таатай харагдахгүй байна: цагаан aphids дээр хар өнгийн бүдэг фонт. Нэмэлт шошгуудын хувьд та өөр өөр параметр болон форматын текстийг тохируулж болно.

Гарчиг.Толгойн үсгийн хэмжээг хос шошгоор тохируулсан<Н1>(хамгийн том) хүртэл<Н6>(хамгийн бага).

Фонт.Деяки шошго нь эрх баригчдын нэр гэх мэт шинж чанаруудыг бий болгож, утгыг дуулж чаддаг. FONT шошго болон бусад шинж чанаруудын тусламжтайгаар та үсгийн форматын параметрүүдийг тохируулах боломжтой. FACE атрибут нь үсгийн фонт (жишээ нь, FACE="Arial"), SIZE шинж чанар - үсгийн хэмжээ (жишээ нь, SIZE=4) оруулах боломжийг олгодог.

COLOR шинж чанар нь үсгийн фонтын өнгө (жишээ нь, C0L0R = "цэнхэр") тохируулах боломжийг олгодог. COLOR атрибутын утгыг өнгөний нэрээр (жишээлбэл, "улаан", "ногоон", "цэнхэр" гэх мэт) эсвэл 16 утгаар тохируулж болно.

"#RRGGBB" хэлбэрийн vicorist өнгөний арван зургаа дахь дүрслэл, эхний арван зургаа дахь хоёр цифр нь улаан (улаан) өнгөний эрчмийг, хоёр дэвшилт нь ногоон (ногоон) эрчмийг, үлдсэн хоёр нь - эрчмийг тодорхойлдог. цэнхэр (цэнхэр) өнгө. Өнгөний хамгийн бага эрчимийг арван зургаа дахь тоо 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 атрибутын утгыг зөвхөн файлын нэрээр зааж өгөх ёстой. Жишээлбэл:

Хэрэв файл таны локал компьютер дээрх өөр хавтсанд байгаа бол атрибутын утга нь шатлалын файлын систем дэх шинэ фолдер руу орох замыг багтаасан файлын гадна байж болно. Жишээлбэл:

Хэрэв файл нь интернетийн алсын сервер дээр байрладаг бол тухайн файлын вэб хаягийг зааж өгч болно. Жишээлбэл:

Бяцхан хүний байрлал нь текстийн дагуу байна.Текстийн жижиг зүйлүүдийг өөр аргаар ялгах нь ALIGN шинж чанарыг зөвшөөрдөг бөгөөд энэ нь таван өөр утгыг авах боломжтой: ДЭЭД (дээд), ДУНД (дунд), ДООД (доод), ЗҮҮН (зүүн гар) ба баруун (баруун гар) .

"Компьютер" сайтын нүүр хуудсан дээр компьютерийн дүрсийг байрлуулах нь логик юм. Бяцхан хүүхдүүдийг текстийн баруун ирмэгийн дагуу ургуулахын тулд зураг оруулах шошго нь доромжилсон харагдах байдлыг хариуцдаг (Зураг 6.28):

Цагаан будаа. 6.28. "Компьютер" вэб сайт дээр зураг оруулах

Өөр текст оруулж байна. Koristuvachі іnodi, нэг цаг хэмнэлтийн тусламжтайгаар хөтөч дээр график зураг авах, зөвхөн текстийг унших боломжтой. Мэдрэхүйн тал дээр саад учруулахгүйн тулд бага насны хүүхдийг солих нь буруутай тул өөр текстийг нэвтрүүлж байна.

Альтернатив текстийг ALT атрибутын тусламжтайгаар харуулсан бөгөөд үүний утга нь бяцхан хүүхдэд maw bi koristuvach гэж юу болохыг тайлбарласан текст юм.

Хоол тэжээлийг хянах

1. Вэб сайтад зураг оруулахад ямар шошго, шинж чанаруудыг ашигладаг вэ?

Бие даасан виконаннигийн даалгавар

6.12. Практикт даалгавар. "Компьютер" вэб талбарт зураг оруулаад хөтчөөс харна уу.

Вэб тал дээр Hyper-power

Хэрэв хөтөч дээр орооцолдсон вэб хуудас нь дотоод компьютер дээр нэг хавтсанд байрладаг бол хаягийн өөрчлөлтийг файлаар зүгээр л зааж өгнө, жишээлбэл:

Хэрэв хөтөч дээр ачаалагдсан вэб хуудсыг интернетэд байршуулсан бол интернет хаягийг хаягаар зааж өгнө, жишээлбэл:

<А HREF="http://www.server.ru/Web-сайт/ filename. htm">Эрчим хүчний үзүүлэлт

Pokaznik psilannya mi bachimo pid hour хөтөч дээрх вэб хуудсыг дахин үзнэ үү. Вказивник текст, дуут дүрслэлийг цэнхэр өнгө, дэмжлэгээр, эсвэл бяцхан хүүхдүүдэд дүрсийг жаазаар илгээх боломжтой. Шинэ хулгана оруулах үед курсор "гар" дүрс болж өөрчлөгдөнө. Дуудлага хийгчийн дараа хулгана дээр дарж, вэб тал руу шилжих шилжилтийг hyperspace-д харуулав.

Хөтөч дээрх зургийг үзэхийн өмнө:
<А HREF="picture.jpg">Зураг
Хөтөч рүү оруулсан програмыг эхлүүлэхийн өмнө дууны файл үүсгэгдсэн:
<А HREF="sound.wav">Дуу
Хөтөч дээр суулгасан файл барих менежерийн тусламжтайгаар файлыг дотоод компьютер дээрээ хадгалахын тулд:
<А HREF="Apxив.ziр">Файлыг аваарай

Сайтын навигацийн самбар.Бид "Компьютер" сайтад зориулж хавтас үүсгэж, "Хөтөлбөрүүд", "Толь бичиг", "Бүрэн", "Анкет" гэсэн хоосон хуудсуудыг сайтад нэмнэ. Тэдгээрийг эх сайтад зориулсан software.htm, glossary.htm, hardware.htm, anketa.htm нэртэй файлд зориулж хадгална уу. Эдгээр нь гарчгийн "хоосон" талууд боловч та ээжийг уучилж чадахгүй хэвээр байна:

<ТITLЕ>хажуугийн толгой

Сайтын нүүр тал дээр бид сайтын арьсны тал дээр гиперпозилан зарыг байрлуулдаг. Гиперпозиланы үзүүлэлтүүдийн хувьд хамгийн тохиромжтой сонголт бол шилжилт хийж буй талуудыг нэрлэх явдал юм.

Хуудасны доод хэсэгт байрлах гиперпозилан үзүүлэлтүүдийг нэг мөрөнд шинэ догол мөрөнд шилжүүлж, хоосон зайгаар ( ) хувааж авцгаая. Гиперпозиланыг ийм байрлуулахыг ихэвчлэн навигацийн самбар гэж нэрлэдэг.

Навигацийн самбар үүсгэдэг сайтын нүүр хуудсанд HTML кодыг оруулцгаая.

<Р ALIGN="center">
[<А HREF="software . htm">Програмууд]
[Толь бичиг]
[Дагалдах хэрэгсэл]
[санал асуулга]

Имэйл хаяг руу гипер мессеж.Корисно сайтын нүүрэн талд байгаа цахим шуудангийн хаяг руу мессеж илгээж, сайтын удирдлагатай холбогдож мэдээлэл авах боломжтой. Үүний тулд и-мэйл хаяг руу 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 layout). Пид rozmіtkoyДэд уутны гипертекст баримт бичгийг тусгай программ - хөтөчөөр харуулах буруутай тул текстэнд тусгай код (шошго) оруулахыг ойлгоорой.

Системээс хамааралгүй файл үүсгэх HTML хэл нь баримт бичгийн форматыг тайлбарлахаас гадна түүний бүтцийг тодорхойлдог. Жишээлбэл, текстэнд гарчигийг оруулсан бол HTML код нь холбогдох фрагмент нь гарчиг болохыг заадаг. Ийм кодыг хянаж үзсэний дараа програм - хөтөч өөрөө virishuє, scho їy robiti іz гарчиг. Үүнийг том фонтоор эсвэл дэлгэцийн төвд харуулах боломжтой. Хэрэв текстийг кино синтезатор үүсгэх юм бол синтезатор кодыг бүхэлд нь хуулж, эзлэхүүнийг хөдөлгөж, шаардлагатай түр зогсолтыг нэмнэ.

Mova HTML є компьютер mov, дуулах утгаараа энэ нь mov програмчлалтай маргаж байна. Та зөв үр дүнд хүрэхийн тулд дараах дүрмийг дагаж мөрдөх ёстой.

HTML хэл нь World Wide Web үйлчилгээтэй нэг шөнийн дотор гарч ирсэн бөгөөд түүнтэй нэгэн зэрэг хөгжсөн. Вин бол World Wide Web-ийн үндэс суурь бөгөөд үүний зэрэгцээ хамгийн өргөн тархсан шалтгаан юм.

HTML - файл

HTML - файл - текст файл, өргөтгөх боломжтой .htmэсвэл . html Вэб сайт HTML файл хэлбэрээр хадгалагдана. HTML файл үүсгэхийн тулд та Notepad эсвэл Word Pad гэх мэт энгийн текст засварлагч, вэб засварлагчаар жиргэж болно.

HTML баримт бичгийн бүтэц

HTML баримт бичиг нь үндсэн баримт бичиг болон стандарт тэмдэгтүүдийн багц гэх мэт тэмдэглэгээний хаягуудаас бүрдэнэ.

Бүх HTML баримт бичиг нь тодорхой бүтэцтэй байж болно. Баримт бичиг нь шошготой эхэлж, хаадаг өөр шошготой төгсдөг. Энэ хос шошго нь хөтчид өмнө нь хүчинтэй HTML баримт бичиг байгааг хэлдэг.

HTML баримт бичиг нь дараахь зүйлсээс бүрдэнэ баримт бичгийн гарчиг, үндсэн хэсгийг хуваасан, scho өөрөө энэ дарааллаар явна. Би журмын гарчгийг шошго хооронд хувааж, баримт бичгийн талаархи мэдээллийг бүхэлд нь нуусан. Зокрема, түүний хэсэг нь өөрийн шошгодоо өшөө авч, баримт бичгийн "албан ёсны" гарчигтай солигдсон хэрэгт буруутай.

Баримт бичгийн текстийг өөрөө өргөжүүлсэн баримт бичгийн үндсэн хэсэгт. Баримт бичгийн үндсэн хэсэг нь шошго болон BODY>-ийн хооронд өргөжсөн байна. Практикт эдгээр гол хаягуудын байршлыг тухайн өдрийнх нь хувьд зааж өгөх боломжтой байдаг. Үүний тулд шошго шиг, і , мөн түүнчлэн буржгар шошгуудыг орхигдуулсан бол програм - хөтөч өөрөө тухайн газрыг зааж өгч болно, өмхий үнэр нь буруутай. Эцсийн эцэст, вэб талбаруудыг үүсгэх үед qi шошгыг орхихыг зөвлөдөггүй.

Хамгийн энгийн зөв HTML баримт бичиг.

< ТОЛГОЙ >

< TITLE >Баримт бичгийн гарчигTITLE >

ТОЛГОЙ >

< БИЕ >

БИЕ >

шошго HTML

Mova HTML нь тусгай rozmichalnyh үзүүлэлтүүд - хаягуудаас бүрддэг. Тэдгээрийг тушаал, заавар эсвэл HTML код гэж нэрлэж болно.

Шошго нь текстийг хэрхэн үзүүлэхийг зааж өгөх хөтөчийн заавар юм. Бүх шошгууд нь түүнээс бага тэмдэгтээр эхэлдэг (<) и заканчиваются символом «больше» (>). Хэд хэдэн тэмдгийг өөрөөр нэрлэдэг буржгар нуман хаалга.Орой нум Ide нээгдсэний дараа түлхүүр үг, шошго нь юу гэсэн үг вэ

Киноны HTML-ийн арьсны шошгыг тусгайлан таних боломжтой. Шошгоны нэрийн үсгийн бүртгэл нь чухал байж болохгүй - хэрэв та шошгууд нь баримт бичгийн эх тексттэй таарч байхын тулд том үсгүүдийг үсгээр бичихийг хүсвэл жижиг үсгүүдээс гадна нүд ирмэх боломжтой.

Залуус, хосгүй гэсэн хоёр төрлийн шошгыг ашигла.

Хөвгүүдийн шошго- алгебрийн вирусын дугуй нуман хаалгатай төстэй муруй ба муруйнууд. їх dії төгсгөлийн тэмдэг заасан (муруй шошго нь налуу зураас (/) тэмдэгтээр эхэлдэг) өмнөх сараас өмнөх өмхий үнэрийг бичвэрт нэмдэг.

Жишээлбэл, < HTML > HTML >, < P>P>, H3 >

Хослогдоогүй шошго нь гарч ирсэн газартаа нэг удаагийн эффект өгдөг тул хааж буй хийсвэр бичих шаардлагагүй.

Жишээлбэл,
, ,

Tag вэб сайтын талаархи үйлчилгээний мэдээллийг авч явах бөгөөд хөтчийн дэлгэц дээр харагдахгүй: вэб сайтын кодчилол, зохиогчийн талаархи бүх мэдээлэл, мөн сайт дээр харагдах хайлтын түлхүүр үгсийн багц.

өгзөг.

Эвхдэг ширээний жишээ

Өгзөгөөс харахад Windows-1251-ийн ялалтын кодчилолын тал нь өнөөдрийн хувьд хамгийн өргөн хүрээтэй байгаа тул та хажуу тийшээ хараад шошгыг оруулахад л хангалттай; Хажуугийн зохиогч нь Иванов Иван; тал нь амьтдад зориулагдсан.

Баримт бичгийг хөтөч дээр харуулах үед шошгууд нь өөрөө харагдахгүй боловч баримт бичгийг харуулах аргад нэмдэг.Хийсвэр дэх өршөөл гэдэг нь миний HTML-д байдаггүй тул түлхүүр үгийг илтгэдэг шиг ихэнх тохиолдолд шошгыг үл тоомсорлодог.

Шошгоны шинж чанарууд

Харагдах шошгууд нь ихэвчлэн шошгоны нөлөөнд нэмсэн шинж чанаруудыг орлуулж болно.

Шинж чанарууд – бүх нэмэлт түлхүүр үгс, vodokremlenі шошгоны түлхүүр үг шиг, нэг орон зайтай адил.

Шинж чанарууд нь тэнцүү тэмдгийн (=) дараа бичигдсэн утгатай байж болно. Завжда шинж чанарын утгыг сарвуунд (нэг underwire) тавьсан. Сарвууны эгнээ нь өшөө авалтанд буруугүй тул сарвуу нь өөрсдийнхөө дунд байдаг. Шинж чанаруудын утгыг ойлгохын тулд та сарвуугаа доошлуулж болно, учир нь тэдгээр нь зөвхөн дараагийн тэмдэгтүүдээс л нэмэгддэг.

англи цагаан толгойн тэмдэг;

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

Та мөн шинж чанаруудын үнэ цэнийн хувьд сарвууг бууруулж болно, учир нь энэ нь зөвхөн ирж буй тэмдэгтүүдээс л нэмэгддэг (техникийн ойлголт руу буцна уу). ):

англи цагаан толгойн тэмдэг ( А-З, a - z)

оронтой тоо ( 0 - 9 )

интервалууд

зураас ( - )

ийм байдлаар, Өргөн=80і ALIGN=ТӨВ- Зөвшөөрөгдсөн товчлол WIDTH = "80"і "ТӨВ".
Хаалттай шошго нь шинж чанаруудаас өшөө авах хэрэггүй.

өргөдөл гаргах. FONT >

Сэтгэгдэл

Үүний нэгэн адил бүх хэлний программуудын нэгэн адил програмд тайлбар оруулах боломжтой (хөтөлбөрт хамаарахгүй текстийн мөрүүд) бөгөөд HTML-г шилжүүлэх арга байхгүй. Тусгай шошготойгоор сэтгэгдлээ эхлүүлээрэй. Тайлбар нь (>), i-ээс их тэмдэгтээс бусад ямар ч тэмдэгтийг агуулж болох тул та шошго оруулах боломжгүй.

Шошго буурах зарчим

савны шошго
Дэлхийн шошго нь tse vіdkrivaє (vіn ижил - шинж чанаруудыг өшөө авах) болон zakrivає, tobto "kіnets" гэсэн хоёр хэсгээс бүрддэг гэдгийг бид аль хэдийн мэддэг болсон. Хийсвэр параметрт байгаа ажлууд нь зөвхөн коб болон кобын хооронд байдаг тул зөвхөн шошгоны дунд:

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

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

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

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

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

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

Зүүн ирмэг дээр гишгэх нь vipadkovі биш юм - өмхий үнэрийг ойлгоход хялбар болгохын тулд HTML код үүсгэдэг програмууд автоматаар оруулдаг. Dosit ozumіti, scho chim хол зүүн захад шошго харах, Tim "илүү" судлууд худал хэлэх, Tim илүү "хуучин" хаягууд шинэ хүүхэд дээр байж болно.

Мөн "хуучин" шошгонд үүрлэсэн хаягуудын зарим шинж чанаруудыг нэмж болно гэдгийг анхаарна уу. Жишээлбэл, энэ нь ширээ, нэг нэгээр нь үүрлэх ердийн зүйл юм.
Хэрэв дотоод хүснэгтийн ажлын хэмжээ 100 байвал гаднах хүснэгт нь 100 пиксел + хүрээний өргөнөөс бага хэмжээтэй байж болохгүй. Ийм зэрэглэлд хүснэгтэд сарлаг би "rozpiraє" хөрөнгө оруулалт хийдэг бөгөөд энэ нь вон сарлаганд хөрөнгө оруулалт хийдэг. Хэрэв тийм бол, доторх даалгаврын тоог нэмэгдүүлэх шаардлагагүй, гэхдээ доторх бичвэрийн тоо их байгаа тул та "хуучин" хүснэгтийг ийм хэмжээтэй нээх бөгөөд энэ нь олон тооны мөрийг харуулахад шаардлагатай болно. текст. Үүнийг "буцах дуудлага" гэж нэрлэдэг.

Практик робот №1

"Хамгийн энгийнийг бүтээх Вэб - Сторинки"

Зорилтот: Notepad текст засварлагч дээр вэб талыг хэрхэн үүсгэх талаар сурах.

Вказивкигаас виконання руу

Доор үзүүлсэн шиг HTML баримтын шинэ бүтцийг бичнэ үү.

Манай хамгийн бага ах нарын тухай.

Эндээс та зөв вэб талыг олох болно

Файлыг .htm индекс гэж нэрлэж хадгална.

Үүсгэсэн файлыг нээнэ үү. Та хөтчийн цонхноос файлын бүтээлийг хэрхэн харж байгаагаа харж болно.

Хөтөчөө хаа.

Notepad-д хадгалсан файл руу эргэ.

Дараагийн өөрчлөлтийн өмнө урьдчилгаа өөрчлөлтийг хийнэ үү: "Вэб талын өөрчлөлтийг энд байрлуулна" гэсэн үгийг орлуулан дараахыг бичнэ үү: Миний анхны тал .

Дараалан < TITLE> "Гэрийн тал (таны нэр энэ нэр)" гэж хэлээрэй.

Файлыг 2.htm хуудас болгон хадгал.

Хөтөч дээрх үр дүнг харна уу, шаардлагатай бол Notepad тусламжийг ашиглан файлыг засварлана уу.

Сэдэв 2: HTML хаягууд

Физик болон логик текст форматлах шошгууд

Фонтын формат . Текстийг форматлахын тулд маш олон элементүүд байдаг. Та нэмэлт уламжлалт элементүүдийг ашиглан текстийг форматлах боломжтой: фрагментуудыг налуу, тод үсгээр харах, фонтыг сонгох, үсгийн фонтыг өргөжүүлэх, өнгөөр будах, текстийн фрагментуудыг урвуу болгох. Хэрэв зохиогчид текстийг форматлах энгийн сонголт байхгүй бол та загварын хуудас руу очиж болно, энэ нь HTML форматлах боломжийг өргөжүүлнэ.

Текстийг форматлах боломжийг олгодог стандарт HTML киноны элементүүдийг харцгаая.

Фонт- Бүх хүснэгтэд харагдахуйц зургийн кодыг өөрчлөх.
Гарны арьсны товчлуур нь үйлдлийн систем (үйлдлийн систем, ихэвчлэн Windows эсвэл Linux / Unix) хүлээн зөвшөөрдөг дууны кодыг өгдөг.
Ийм маягаар систем нь дуулах фонтыг сонгосноор тэмдэгтийн хүснэгт дэх гарын товчлолын кодыг зургийн үсэг эсвэл дүрсний фонтоор сольдог. Арьс фонт - tse файл. Арьсны товчлуурт томилогдсон үсэг, тоо, тэмдэгтээр зургийг орлуулахад ашиглаж болох файл. Фонт оруулах - нэмэлт тохиргооны хүснэгт бүхий файлын файлыг оруулна гэсэн үг. MS Windows системүүдийн хувьд системээс нэг дор ирдэг фонтуудын сонголт байдаг - ce:

Ариал

Шуудангийн шинэ

Comic Sans

Комик Санс

Times New Roman

Вердана

Эдгээр үсгийн фонтоос арьс нь өөрийн гэсэн загвар, хэв маягаараа урьд өмнө нь шинэчлэгдсэн байдаг. Хамгийн том өргөтгөл бол Arial юм. Бүх фонтууд таны ирээдүйн талаархи бүх үзэл бодлын 90% байж болно. Арьс фонт - Windows хавтас/фонтууд/*.ttf дахь тусдаа файл. HTML дээрх фонтыг хэрхэн өөр харагдуулах вэ?
< FONT >… FONT > үсгийн төрөл, rozmіru, өнгө зэргээс хамаарна. Эдгээр бүх параметрүүдийг холбогдох нэмэлт шинж чанаруудад зориулж өгсөн болно.

Фонтын үнэмлэхүй хэмжээг атрибутаар тохируулна сиze (илш.). Энэ шинж чанар нь 1-ээс 7 хүртэлх утгыг авч болно, үүнээс гадна 1-р хэмжээсийн фонт нь хамгийн жижиг, 7-р нь хамгийн том хэмжээтэй байна.
өргөдөл гаргах.

текстийг өргөжүүлсэн 1
текстийг өргөжүүлсэн 2
текстийг өргөжүүлсэн 3
текстийг өргөжүүлсэн 4
текстийг өргөжүүлсэн 5

текстийг өргөжүүлсэн 6
текстийг өргөжүүлсэн 7

Энд чимээгүй - хол ONT>.
Дизайн дээр використ анх удаа chotiri розмарин сонсогддог. Илүү их, бохир өнгө аяс, сонирхогчийн шинж тэмдэг, илүү их зай эзэлдэг, уншихад чухал байдаг. Үнэн, том хэмжээтэй бол зогсонги байдал байдаг. Жишээлбэл, та ижил rozmіrom (cob-ийн эхний үсэг) бүхий эхний үсгийг бичиж болно: T текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст текст.
Энэ хооронд бид текстийг харуулахын тулд фонтыг өөрөө сонгох боломжтой. Атрибуттай тулалдах царай (харах).

өргөдөл гаргах.Энэ фонт нь arial хэмжээтэй 3 ONT >
FONT текст >
Сарлаг бачимо, дЭдгээр хоёр шинж чанар - rozmіr болон үсгийн төрөл - та дипломын ажилд be-yakіy дарааллыг roztashuvat болно. :
Та бас vikoristuvati шинж чанар болно өнгө (өнгө).Өнгөийг дуудах нь тоо юм, бид арван зургаа дахь системээр бичдэг, жишээлбэл, өнгө = "#ff 0000", эсвэл би зүгээр л англиар бичсэн, жишээ нь өнгө = "улаан" гэж нэрлэдэг. өргөдөл гаргах. Tse цэнхэр өнгийн фонт FONT >
Энэ фонт нь arial хэмжээ 3, өнгө цэнхэр FONT >
Үсгийн фонтыг мөн ашиглаж болно: сул (налуу), тод, хөндлөн, хөндлөн, дээр бичсэн, дээр бичсэн, мөн зориулалтын зургийн спрат болгон ашиглаж болно. Шошгоор холбогдох боломжтой:
< I > текстI >
< Б >текстБ >
< У > текстУ >
< С > текст С >
< SUP > текст SUP >
< SUB > текст SUB >,
мөн түүнчлэн їх podnannyam, жишээ нь, <У > текст У>B>
Догол мөрийг форматлах. Үлдсэн баримт бичгийн ихэнх нь үндсэн функциональ хэсгүүдтэй байдаг гарчигі догол мөрүүдВэб баримт бичиг нь гай юм. Миний HTML доторх хамгийн чухал догол мөрүүдийг тодорхойлохын тулд шошгоны таг ашиглана уу

…П > (Догол мөр). Түүгээр ч барахгүй, та зөвхөн довтолгооны элемент болгон хожих боломжтой

Довтолгооны догол мөр, урд талын төгсгөл гэсэн үг. Чимээгүй нөхцөлд, өөрчлөлт хийсний дараа догол мөрийг дуусгах шаардлагатай бол төгсгөлийн шошгыг сонгож болно.
Нэг дор догол мөрийн шошгооос иш татах, атрибут хийх боломжтой тэгшлэх:
align = "зүүн" - зүүн зэрэгцүүлэх;
align = "баруун" - баруун зэрэгцүүлэх;
align = "төв" - төвд зэрэгцүүлэх.
өгзөг.

Razdel 1P >

Хөдөлгөөнт дүрс >

тал 3P>

Movі HTML-д догол мөрний оруулга ("улаан эгнээ") үүсгэх ямар ч хэрэгсэл байхгүй тул догол мөр хоорондын текстийг уншихад ойлгомжтой болгох үүднээс хөтөч хоосон мөр оруулахыг дууддаг. Дүрмээр бол догол мөр үүсгэхгүйгээр шинэ мөр рүү шилжих шилжилтийг өөрчлөх шаардлагатай бөгөөд нэг шошго сонгогддог.
. Ижил хуваарилалтын газарт мөр дуусч, үлдсэн текст шинэ эгнээнээс эхэлнэ. Tsej tag гараар vikoristovuvaty, schob, жишээ нь, stovpchik дээр шүлэг бичих:
Тэд эмнэлгийн ажилтныг шүүх хуралд оруулав.
Тэд эмчийн сарвууг урж,
Би яг адилхан йог хийхгүй,
Учир нь дарс сайн.
Хөтөч дэлгэц дээр бид chotirivirsh бичих стандарт дарааллыг ашигладаг.

Баримт бичгийн өөр өөр хэсгүүдийг нэг нэгээр нь холбосон хэвтээ шугамууд - текстэнд тусдаа хуваагдал үүсгэх нь чухал юм. Хэвтээ шугамыг нэг шошго үүсгэнэ. Иогийн тусламжтайгаар та талыг хэсэг хэсгээр нь хялбархан хувааж болно. Диссертацид хэд хэдэн шинж чанарыг зөвшөөрдөг:

Виривнювання

зэрэгцүүлэх = "зүүн"

тэгшлэх = "төв"

тэгшлэх = "баруун"

тэгшлэх = "зөвтгөх"

Нөхөрлөл ба Довжина шугам пиксел дээр.

Хэмжээ = 3 (пикселээр өргөн)

өргөн = 300 (пикселээр урт)

өргөн = 100% (өргөн)

Шугамын өнгө

өнгө = "улаан"

HTML хэл нь баримт бичгийн зургаан тэнцүү дотоод толгойг дэмждэг. Өмхий үнэрийг vіd гэсэн шошгооор илэрхийлдэг

…

өмнө

…

.
Эхний эгнээний гарчиг хамгийн том, зургаа дахь эгнээний гарчиг хамгийн бага байна. Гарчгийн хувьд та зүүн, төв, баруун талд байгаа шинж чанаруудыг тодруулж болно.
өгзөг.Хамгийн том гарчиг
Хамгийн бага гарчиг

Гэрийн амьтад

Логик текст форматлах . Энэ үед бид шошгуудыг харж болно, тэдгээрийн үр нөлөөний хувьд тэд үсгийн хэмжээ, өнгө, дүрсийг тохируулдаг шошгыг таамаглаж байна. Эдгээр хаягууд нь текстийн жинхэнэ хүчийг үр дүнтэй дүрсэлж байгааг анхаарах нь чухал юм. Tse гэдэг нь текстийг өөр өөр хөтчүүдэд өөр өөрөөр харуулах боломжтой гэсэн үг боловч ямар нэг шалтгаанаар үсгийн эффектийг хаах боломжгүй тохиолдолд баталгааны үр нөлөөг өдөөдөг. Эдгээр бүх шошгуудыг нэгтгэж, текстэд нэмсэн, шошго хоорондын зохицуулалт, муруй, хаагдах болно. Obs'yazkovy-ийн шошгыг хааж байна.
Tag … ишлэл, нэр ном нь vikoristovuєtsya. Налуу үсгээр дуугарна.
HTML хэлтэрхийг компьютер ашигладаг хүмүүс бүтээсэн бөгөөд компьютерийн программ дахь текстийг танилцуулах, тэдэнтэй харилцах үр дүнгийн бүхэл бүтэн бүлэг хаягуудыг хүлээн зөвшөөрдөг.
Tag < КОД >… КОД > Нэг зайтай фонтоор (ихэвчлэн Courier фонт), өөрөөр хэлбэл тогтмол хэмжээтэй фонтоор сонсогддог компьютерийн програмын гаралтын текстийг зааж өгнө үү.
Tag < KBD >… KBD > текстийг форматлах нь гарны тусламжийн buti (эсвэл buv) танилцуулгатай холбоотой бөгөөд энэ нь monospace тод фонт шиг сонсогддог. Англи хэлний гарны төрөл - гар
өгзөг.

Windows-г эхлүүлэхийн тулд дараахыг бичнэ үү: ялна.
Код:
Windows-г эхлүүлэхийн тулд: win
Tag … Текстийг жишээ болгон тодорхойлох. Програмууд байх ёстой текстийг ойлгохын тулд Vikoristovuetsya. Нэг зайтай фонтоор харуулав.
өгзөг.
Гайхалтай текст
Tag … vikoristovuєtsya vіdіlennya zminnіh іn жагсаалт хөтөлбөр. Дуу, ийм бичвэрийг налуу үсгээр харуулдаг. Англи хэлний төрөл varболомжтой - өөрчлөгдөх боломжтой.
Өгзөг.
А, Б, C
Код:
A, B, C

Tag < EM >… EM > vykoristovuetsya текстийн элементүүдийг үзнэ үү (налуу үсгээр дуу).
Tag < ХҮЧТЭЙ >… ХҮЧТЭЙ > текстийн элементүүдийн хүчтэй алсын хараа нь vykoristovuetsya (том үсгээр).
өгзөг.
Гайхалтай текст
Сонгосон шошгон дээрх текст энд байна .
Эндхийн хэлтэрхийнүүд дизайныг харж байгаа утгаараа ялж байна, шошгоны оронд шошго ялахыг зөвлөж байна і< Б >.

Практик робот дугаар 2

“Вэб талын текстийг форматлаж байна"

Зорилтот:Вэб сайт дээрх фонт, текстийг хэрхэн форматлах талаар олж мэдээрэй.

Вказивкигаас виконання руу

Элемент дотор< TITLE> "P/r No. 2" талын нэрийг оруулна уу.

Ирж буй текстийг жижиг хэсэгт үзүүлсэн шиг мэдэгдлүүд хүртэл (налуу үсгээр налуу хэлбэрээр өгөгдсөн) зохих ёсоор форматлаарай.

Гэрийн амьтад

(гарчигХ 1)

(Төв хэсэгт харах)

Нохой

(гарчигХ 2)

(Төв хэсэгт харах)

Харуулчид

(Virіvnyuvannya zlіva, тод фонт)

Мисливски

(баруун гарын урвуу, тод фонт)

Хувцаслах

(Төвд, тод налуу)

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

(төв хэсэгт тодруулсан, үсгийн хэмжээ 10, фонт хар, фонтАриал )

Вирш

(Үсгийн өнгө нь цэнхэр, үсгийн хэмжээ 6, зэрэгцүүлэх нь голд)

Насан туршдаа би даруухан,

Магадлах шаардлагагүй

Сайн байна уу, би дажгүй байна

Би суманд гайхаж байна!

(Зүүн зэрэгцүүлэх, үсгийн хэмжээ 6)

Жагсаалт үүсгэх

Тэмдэглэгдсэн жагсаалтууд. Жагсаалтыг эх бичвэрийн дагуу хянан үзсэн тул Користувачев догол мөрүүдийг дугаарлах талаар бодох шаардлагагүй: би үүнийг өөрөө өөртөө авч байна. Жагсаалтыг шинэ зүйлээр нэмсэн эсвэл богино байвал дугаарлалт автоматаар засагдана. Хөтөлбөрийн янз бүрийн дугааргүй жагсаалтад арьсны цэгийн өмнө тэмдэглэгээг тавь: kukhli, тэгш өнцөгт, ромбус эсвэл бусад зургууд. Үүний үр дүнд жагсаалт нь гарын авлага шиг харагдаж байна.

Дугааргүй жагсаалт үүсгэх шошго:

< Л.И > UL >
Tag

є өөрсдийн гэсэн жаазтай жагсаалт. Vin нь бусад төрлийн нэг жагсаалтыг нэмэх боломжийг танд олгоно. Tag
хатгалтаас арьсыг тодорхойлох.
өгзөг.
Дэлгэц харах:
Дугаарласан жагсаалт үүсгэх шошго: < О L>< Л.И > OL >

Дугаарласан жагсаалтууд. Эрэмбэлэгдсэн жагсаалтын бүтэц нь эрэмблэгдээгүй жагсаалтын бүтэцтэй төстэй. Шошгонд жаазлах хүрээ
1. . Арьсан эдлэлийг араб хи ром тоогоор, латин цагаан толгойн үсгээр дугаарласан.
өгзөг.

Нэвтрэх

1.1 Pro mov HTML

1.2 нугалах вэб сайт

Вэбсайт үүсгэхийн тулд ямар төрлийн киног мэдэх шаардлагатай вэ?

Хамгийн алдартай кинонууд

Төрөл бүрийн кино, загвараас эхлээд HTML гипертекст хүртэл вэб сайтуудыг хөгжүүлэх

Вэб талууд ба вэб сайтууд

Вэб сайтын бүтэц

Вэб сайт дээрх текстийг форматлах

Вэб сайтад зураг оруулах

Вэб тал дээр Hyper-power

Вэб сайтууд дээрх жагсаалтууд

Шошгоны шинж чанарууд

Сэдэв 2: HTML хаягууд

…

…

Та бас тааруулж болно