Të gjithë elementët midis etiketave

Riformatoni etiketën, 
Lejon prezantimin e tekstit me formatim specifik në ekran.  Teksti i paraformatuar përfundon me një etiketë pasuese
...  Brenda tekstit të paraformatuar, lejohet të përdoret:
a) furnizimi i linjës
b) karakteret e skedës (zhvendosni 8 karaktere djathtas)
c) një font joproporcional i vendosur nga shfletuesi.
Përdorimi i etiketave që përcaktojnë formatin e paragrafit, si p.sh ose 
, do të injorohen nga shfletuesi kur i vendosni ato midis etiketave 

Lista e grupit 6-M-11
Kjo listë përmban mbiemrat, emrat dhe patronimet. 
Lista mund të përdoret vetëm për qëllime biznesi. 


Kjo është ajo që shihni në ekranin e shfletuesit tuaj:
Kujdes!  Titulli "Lista e grupeve" nuk shfaqet nga shfletuesi si pjesë e dokumentit.  Do të shfaqet në shiritin e titullit të dritares së shfletuesit.
Prishja e linjës 
...  Etiketë 
njofton shfletuesin për një ndërprerje të linjës.  Rasti më i mirë i përdorimit për këtë etiketë është në një adresë të formatuar ose ndonjë sekuencë tjetër vargjesh ku shfletuesi duhet t'i shfaqë ato njëra poshtë tjetrës.  Për shembull:
Alexey Yartsev 
autostrada Dmitrov, 
9B, zyra 326 
Një parametër shtesë ju lejon të zgjeroni aftësitë e etiketës 
.




Ky opsion ju lejon jo vetëm të kryeni një furnizim të linjës, por të vendosni rreshtin tjetër, duke filluar nga pjesa bosh majtas (majtas), djathtas (djathtas) ose të dy (të gjitha) kufijtë e dritares së shfletuesit.  Për shembull, nëse ka një fotografi pranë tekstit në të majtë, atëherë mund të përdorni etiketën 
për të kompensuar tekstin poshtë figurës:
Siç mund ta shihni, ky diagram tregon marrëdhënien 
 

Referencat për pikat brenda dokumentit.  Ju mund të lidheni me seksione ose seksione të ndryshme të të njëjtit dokument duke përdorur një shënues të veçantë të fshehur për këto seksione.  Kjo ju lejon të hidheni shpejt nga seksioni në seksion brenda një dokumenti pa lëvizur në ekran.  Sapo të klikoni në lidhje, shfletuesi do t'ju çojë në seksionin e specifikuar të dokumentit dhe rreshti që përmban shënuesin e këtij seksioni (zakonisht rreshti i parë i seksionit ose titulli i seksionit) do të vendoset në të parën. rreshti i dritares së shfletuesit (nëse kjo linjë nuk është tashmë e pranishme në shfletuesin e ekranit).
Krijoni një shënues seksioni.  Sintaksa për këtë shënues është si më poshtë:
Teksti që do të shfaqet në rreshtin e parë
Teksti
Për shembull:
Lista e seksioneve
 
Seksioni 1
Seksioni 2
 
 
Seksioni 1
 
 
Teksti i seksionit 1
 
 
Seksioni 2
 
 
Teksti i seksionit 2 


Karakteret "# ex1" i tregojnë shfletuesit tuaj që të kërkojë një shënues të quajtur "ex1" në dokumentin e dhënë HTML.
Kur përdoruesi klikon në rreshtin "Seksioni 1", shfletuesi do të hidhet direkt në seksionin 1. 
2.2 Grafika brenda një dokumenti
Një nga veçoritë më bindëse të Uebit është aftësia për të përfshirë lidhje me grafikë dhe lloje të tjera të dhënash në një dokument HTML.  Kjo bëhet duke përdorur etiketën ...  Përdorimi i kësaj etikete mund të përmirësojë ndjeshëm pamjen dhe funksionalitetin e dokumenteve.
Ekzistojnë dy mënyra për të përdorur grafikën në dokumentet HTML.  E para është futja e grafikëve në një dokument, i cili i lejon përdoruesit të shohë imazhet drejtpërdrejt në kontekstin e elementeve të tjerë në dokument.  Kjo është teknika më e përdorur në hartimin e dokumenteve, ndonjëherë e referuar si "imazhi në linjë".  Sintaksa e etiketës:
Le të përshkruajmë elementet e sintaksës së etiketës ::
Parametri i kërkuar dhe ka të njëjtën sintaksë si URL-ja standarde.  Kjo URL i tregon shfletuesit se ku ndodhet fotografia.  Vizatimi duhet të ruhet në një format grafik të mbështetur nga shfletuesi.  Sot formatet GIF dhe JPG mbështeten nga shumica e shfletuesve. = "Text":
Ky element opsional specifikon tekstin që do të shfaqet nga një shfletues që nuk mbështet shfaqjen e grafikëve ose me paging të çaktivizuar.  Në mënyrë tipike, ky është një përshkrim i shkurtër i një imazhi që përdoruesi mund ose do të jetë në gjendje ta shohë në ekran.  Nëse ky parametër mungon, atëherë në vend të figurës shumica e shfletuesve shfaqin një piktogram (ikonë), duke e aktivizuar të cilin përdoruesi mund ta shohë imazhin.  Etiketa ALT rekomandohet nëse përdoruesit tuaj përdorin një shfletues që nuk mbështet modalitetin grafikë, si p.sh. Lynx. = N1:
Ky parametër opsional përdoret për të specifikuar lartësinë e figurës në piksel.  Nëse ky parametër nuk specifikohet, atëherë përdoret lartësia origjinale e figurës.  Ky opsion ju lejon të tkurni ose shtrini imazhet vertikalisht, gjë që ju lejon të përcaktoni më qartë pamjen e dokumentit tuaj.  Megjithatë, disa shfletues nuk e mbështesin këtë parametër.  Nga ana tjetër, rezolucioni i ekranit të klientit tuaj mund të ndryshojë nga e juaja, prandaj kini kujdes kur specifikoni madhësinë absolute të veprës së artit. = N2:
Parametri është gjithashtu opsional, si ai i mëparshmi.  Ju lejon të vendosni gjerësinë absolute të figurës në piksel .: Ky parametër përdoret për t'i treguar shfletuesit se ku të vendosë bllokun tjetër të tekstit.  Kjo ju lejon të përcaktoni më rreptësisht rregullimin e elementeve në ekran.  Nëse ky parametër nuk përdoret, atëherë shumica e shfletuesve e vendosin imazhin në anën e majtë të ekranit dhe tekstin në anën e djathtë të tij:
Ky parametër i tregon shfletuesit se ky imazh i lejon përdoruesit të kryejë çdo veprim duke klikuar në një vendndodhje specifike në imazh.  Ky funksion është një shtesë në HTML.
Këtu është një shembull i përdorimit të kësaj etikete:
Që nga HTML 2.0, etiketa ka u shfaqën parametra shtesë:
Parametrat e rinj ::
Ju lejon të vendosni madhësinë, në pixel, të hapësirës së bardhë sipër dhe poshtë figurës në mënyrë që teksti të mos kalojë mbi figurën.  Kjo është veçanërisht e rëndësishme për imazhet e paraqitura në mënyrë dinamike, kur nuk mund ta shihni dokumentin paraprakisht:
Njësoj si VSPACE, por horizontalisht.
Fotot e sfondit.  Shumica e shfletuesve ju lejojnë të përfshini një imazh të sfondit në dokument, i cili do të matricohet dhe shfaqet në sfondin e të gjithë dokumentit.  Disa përdorues pëlqejnë grafikë në sfond, disa jo.  Një model i tejdukshëm pa vëmendje (letër sfondi) zakonisht duket i mirë si sfond për shumicën e dokumenteve.
Përshkrimi i letër-muri përfshihet në etiketën BODY dhe duket kështu:
.
secili prej parametrave përcakton ngjyrën e një elementi të caktuar.  Le të përshkruajmë këto parametra:
Ngjyra e sfondit të dokumentit:
Ngjyra e tekstit të thjeshtë të dokumentit:
Ngjyra e lidhjes.  Ngjyra përcaktohet nga një numër gjashtëshifror në format heksadecimal sipas skemës RGB (E kuqe, jeshile, blu).  Ngjyra # 000000 është e zezë dhe #FFFFFF është e bardhë.  Për shembull: 
Kjo linjë përcakton ngjyrën e bardhë të sfondit të dokumentit, tekstin e zi dhe lidhjet e argjendta.
Vije horizontale.  Duke përdorur etiketën 
, mund ta ndani tekstin me një vijë horizontale.
Formati i etiketës:
Parametrat e etiketës ::
Gjerësia e linjës në pixel .:
Gjerësia e rreshtit në pixel ose si përqindje e gjerësisë së dritares së shfletuesit .: Pozicioni në ekran (majtas | qendër | djathtas) .: Si parazgjedhje, një rresht jepet në 3D me një hije.  NOSHADE ju lejon të paraqisni një linjë me një shirit të thjeshtë dhe të fortë të errët. 
2.3 Shtimi i stileve në dokument
ju lejon të përdorni stile të ndryshme fonti për të theksuar informacionin e tekstit në dokumentet tuaja.  Këtu është një listë e shkurtër e stileve të mbështetura nga shumica e shfletuesve: (i guximshëm) (italike) i ndarë (shkrimtar i tipit - duke përdorur fontet fikse)
Ju mund të kombinoni lloje të ndryshme stilesh, të tilla si të guximshme dhe të zhdrejtë. 
Tabela # 1: Stilet bazë të tekstit

Kombinimi i stileve ju lejon të shfaqni shumë elementë me stile të ndryshme në një rresht, për shembull:
Një jetë - atë kenge!
Një jetë- atë kenge!
Kujdes!Shtimi i një numri të madh stilesh dhe kombinimet e tyre e bën të vështirë leximin e tekstit!
Stilet shtesë:
I madh (i madh)
E vogël (e vogël)
Nën (ndërlinjë)
Sup (mbishkrim) 
Tabela # 2: Stilet shtesë të tekstit

Përmasa e germave ...  Ju mund të ndryshoni madhësinë e shkronjave duke përdorur etiketën: 
Shkronja mund të ketë një madhësi nga 1 në 7. Ju mund të specifikoni drejtpërdrejt madhësinë e shkronjave në numra, ose të specifikoni një zhvendosje në lidhje me vlerën bazë (si parazgjedhje - 3) në drejtim pozitiv ose negativ.  Vlera bazë mund të ndryshohet duke përdorur etiketën: 
Për shembull: 
dhe sm en en dhe e
Ndrysho ngjyrën e shkronjave ...  Ju mund të ndryshoni ngjyrën e fontit duke përdorur etiketën: 
E kuqe E gjelbër Blu. 
2.4 Optimizimi i grafikës për ueb
Aktualisht, ekzistojnë dy lloje skedarësh raster që përdoren në ueb: në formatet JPEG dhe GIF. Formati është i mirë në përcjelljen e ngjyrave dhe toneve, kufijve të paqartë (për shembull, një foto).  Skedari jpeg shkallëzohet mirë në shfletues.  Përcjell dobët aeroplanët me ngjyra të sheshta, në ngjeshje është inferior ndaj formatit GIF.  Kur ruani në formatin JPEG, zgjidhni cilësinë "mesatare". Formati përcjell mirë plane me ngjyra të sheshta, kufij të fortë (për shembull, grafika vektoriale, logot).  Ka kompresim maksimal, lejon sfond transparent.  Shkallëzimi i dobët në shfletues, shtrembëron rrotullat e ngjyrave dhe tonit.  Përdorni formatin GIF nëse imazhi konvertohet pa humbje të konsiderueshme në gamë 128 ngjyrash me opsionin "dithering" të aktivizuar.  Përndryshe, është më mirë të ruani imazhin në formatin JPEG.  Për të eksportuar një skedar në formatin GIF, fillimisht indeksoni paletën e tij të ngjyrave në Adobe Photoshop:
Zgjidhni numrin minimal të ngjyrave me dorë (për riprodhimin me cilësi të lartë të një imazhi me një ngjyrë anti-alias në një sfond me një ngjyrë, mjaftojnë 5-8 ngjyra, për një imazh me dy-tre ngjyra - 15-25 ngjyra) Nëse imazhi origjinal është Grayscale, konvertojeni atë në gamë RGB përpara se të indeksoni.
Nëse është e mundur, shmangni aktivizimin e opsionit "dithering" - ai rrit madhësinë e skedarit.  Ky opsion kërkohet vetëm nëse imazhi përmban ngjyrë ose rrotullim tonal (p.sh. hije).  Kur caktoni një sfond transparent, pasi të aplikoni "dithering" sigurohuni që sfondi të mos bëhet "i kontrolluar".
Në raste të vështira, zgjidhni elementët më të rëndësishëm të figurës përpara se të indeksoni.  Ngjyrat brenda përzgjedhjes indeksohen më saktë se të tjerat. 
3. Algoritmi i punës praktike


.1 Përgatitja
Kam përdorur dy programe për të krijuar faqen e internetit:
Macromedia Flash8 është një program për krijimin e animacioneve flash; Dreamweaver është një program për të shkruar faqe interneti.
Në Macromedia Flash8 kam krijuar animacion për kokën e faqes së internetit, përfshirë logon e shkollës sonë teknike dhe emrin e specialitetit në të cilin po studioj.  Për kornizën e animacionit, zgjodha një monitor PC, mbusha sfondin me një gradient, shtova një kod binar që zbret në mënyrë dinamike nga maja e animacionit.  Në plan të parë kam futur logon e shkollës sonë teknike, e cila ndodhet në qendër dhe lëviz pa probleme në këndin e sipërm të majtë, ndërsa emri i specialitetit tim të ardhshëm "Master në përpunimin e informacionit dixhital" zvogëlohet, i cili ngrihet nga poshtë dhe është vendosur rreptësisht në qendër.
Në Adobe Dreamweaver, kam krijuar vetë faqen e internetit.  Për të krijuar një faqe interneti, përgatita informacionin që më nevojitej, përshkrova vetë specialitetin, çfarë duhet të jemi në gjendje dhe çfarë duhet të dimë, shtova listat e grupeve dhe gjithashtu punën tonë praktike që bëmë në klasë.  Në faqen kryesore ka informacion për aplikantët, në pjesën e poshtme ka një lidhje me faqen e internetit të shkollës sonë teknike. 
3.2 Krijimi i faqes "Master i përpunimit të informacionit dixhital"
Në Adobe Dreamweaver, unë krijova një tabelë nga një shabllon që është i disponueshëm në program dhe duke përdorur mjete shtova një animacion të parapërgatitur në kokën e faqes.  Poshtë titullit të faqes së internetit, në anën e djathtë, kam regjistruar formularin e regjistrimit dhe hyrjes së përdoruesit.  Në anën e majtë u shtuan lidhjet në faqet e mëposhtme të faqes në internet:
Kryesor - faqja kryesore përmban informacione për aplikantët dhe prindërit e tyre;  kushtet e pranimit, kushtet e studimit, referenca për "Standardi Arsimor Federal Shtetëror i Arsimit Fillor Profesional me Profesion 230103.02 Master i Përpunimit Dixhital të Informacionit (miratuar me urdhër të Ministrisë së Arsimit dhe Shkencës së Federatës Ruse të 16 Prill 2010 Nr. 365 ) »
Rreth profesionit - në këtë faqe kam postuar informacione për vetë specialitetin, ku mund të jetë në kërkesë, çfarë aftësish profesionale duhet të ketë një person që ka zgjedhur këtë specialitet dhe cilësi personale.  Në mënyrë që të gjithë ata që duan të hyjnë në këtë specialitet të njohin sa më mirë specialitetin dhe të vendosin nëse i përshtatet apo jo.
Çfarë duhet të dini - këtu do të gjeni informacione se çfarë duhet të dijë një "Master në Përpunimin e Informacionit Dixhital", përkatësisht, çfarë njohurish profesionale duhet të ketë një person që ka zgjedhur këtë profesion.
Çfarë duhet të jetë në gjendje - kjo faqe ofron informacione se çfarë duhet të jetë në gjendje të bëjë një Master në Përpunimin e Informacionit Dixhital, çfarë mjetesh softuerike dhe aftësish profesionale duhet të ketë një person që ka përfunduar trajnimin në këtë specialitet.
Grupet - kjo faqe përmban grupe që aktualisht janë duke u trajnuar në këtë specialitet, si dhe një listë grupesh.
Puna jonë - puna jonë më e mirë praktike, të cilën e kemi kryer në klasë, është paraqitur këtu.
Punimet më të mira - kjo faqe i dedikohet veprave më të mira që kanë marrë pjesë në konkurse, ekspozita etj.
Regjistrimi - në këtë faqe, nëse dëshironi, një mysafir i faqes sime mund të regjistrohet në sit.
Në anën e majtë janë veglat, një orë dhe një kalendar.  Kam shkarkuar animacionet e orës dhe kalendarit nga një faqe interneti e palës së tretë dhe kur futet në faqen time, Adobe Dreamweaver shkruan automatikisht kodin HTML, gjë që më ndihmoi shumë.
Në fund ka një lidhje me faqen e internetit të shkollës sonë teknike.  Si sfond, zgjodha një sfond qielli pa probleme, vetë shfletuesi e mbush faqen me një imazh të sfondit, në varësi të rezolucionit të ekranit.  Zgjodha një ngjyrë të fortë për sfondin e tavolinës.
Dizajni i të gjitha faqeve përputhet me dizajnin e faqes kryesore.
Zgjatja e skedarit të uebsajtit të programimit 
konkluzioni
Në ditët e sotme ka shumë programe për krijimin e faqeve të internetit, por asnjë prej tyre nuk mund ta bëjë vetë, ju duhet patjetër një përdorues që do të menaxhojë këtë program .
 Dhe pa marrë parasysh se çfarë programi përdorni, pa njohuri për gjuhën e programimit HTML, përdoruesi nuk do të jetë në gjendje të bëjë asgjë.
Në procesin e krijimit të një faqe interneti, u njoha me metodën e programimit HTML, mësova se si të krijoja faqe në internet dhe të përdor etiketat bazë.  Punoni me skedarë të formateve dhe shtesave të ndryshme për shfaqje të saktë në internet.
Dua që njohuritë e mia të jenë të dobishme për mua në të ardhmen në punë, sigurisht që jam larg nga një profesionist, por do të vazhdoj të studioj programim në gjuhën HTML dhe të përmirësohem si specialist. 

Lista e literaturës së përdorur
1. Allenova Natalya - Një tutorial mbi html.
2. Malchuk E. - HTML dhe CSS.  Udhëzues vetë-studimi.
3. Faqja e internetit - www.msiter.ru
4. Faqja në internet - www.ic.vrn.ru
5. Faqja në internet - www.  tcs74.ru/professii/MOCI
6. Faqja e internetit - www .vk.com ›grupi publik zyrtar2
7. Faqja në internet - www.ic.vrn.ru/
Faqja e internetit - www.arachnoid.com/arachnophilia
Uebfaqja - www.rzn62.narod.ru
Faqja e internetit - www.mysite.hut.ru 
Shtojca
. 
2. , где вместо точек находится содержимое. Первый из них показывает, где начинается тег, а второй закрывает его. Внутри могут находиться другие элементы разметки страницы, они могут вкладываться друг в друга подобно матрёшке. Тут важно своевременно закрывать теги, чтобы страница отображалась корректно.
Встречаются также одиночные теги, которые не нужно закрывать. В них содержимое находится внутри, так же как и может быть прописан для большинства HTML-тегов и задаёт свойства элемента. Обозначается он в открывающем теге и выглядит примерно так: атрибут=«...», где вместо точек находится значение атрибута. Знание тегов является первым и самым важным шагом для освоения HTML. Основы этого искусства также подразумевают понимание структуры веб-страницы.
Структура документа
Каждый документ HTML имеет соответствующее расширение, например, Index.html. Так браузер сможет понять, с чем он имеет дело, и правильно отобразит страницу. Все файлы, используемые для создания сайта, желательно хранить в одной директории, что в дальнейшем существенно облегчит вам жизнь. Основы языка разметки гипертекста HTML предполагают чёткое понимание структуры документа. Начинается он с тега , сообщающего браузеру версию HTML, которая используется в этом документе. На данный момент актуальна пятая версия языка, так что тут не нужно ничего выдумывать, можно смело вставлять приведённый выше тег в начало любой страницы.
Потом идут основные парные структуры, составляющие «скелет» сайта. Первый тег, в который вложены все остальные — .... Всё, что находится за его пределами, не распознаётся браузером как веб-страница, так что он открывает документ и закрывает его. Этот тег является обязательным для любого документа. В нём также содержатся ещё несколько обязательных тегов, которые будут рассмотрены ниже.
Head
Внутри тега ... содержится информация технического характера, которая не будет отображаться на странице, но, тем не менее, является важной частью документа HTML. Основы сайта закладываются именно в этом месте, здесь выбирается кодировка и вводится название страницы. Оно содержится внутри обязательного тега . Отображается название в верхней части браузера, где также можно разместить небольшую иконку, характеризующую содержимое страницы. Желательно сразу указать кодировку документа для его корректного отображения. Это можно сделать при помощи тега . Метатеги предоставляют данные о структуре страницы и обычно располагаются внутри head.
Link
Знание основ HTML также предполагает использование каскадных стилей оформления, или css. В них задаются свойства элементов, которые будут отображены на странице. Современный подход к этой задаче предполагает вынесение таких характеристик, как цвет, высота и местоположение элемента, во внешний файл для большего удобства. Для подключения css-файла используется тег . В готовом виде это выглядит примерно вот так: , где href указывает на местоположение файла, а type - на его тип.
Body
Именно в этой части HTML-документа создаётся видимая часть страницы. Всё, что делается внутри «тела», будет показано браузером. В  используется огромное количество тегов HTML. Основы — это форматирование текста, работа со ссылками и простейшие инструменты для структурирования веб-страницы. Чтобы приступить к работе в HTML, достаточно знать основные теги и уметь ими пользоваться. Ниже приведены самые популярные из них:
 - применяется для выделения подстроки, на которую будет распространяться особый стиль, описанный в css;
 - создаёт ссылку на веб-странице; адрес перехода задаётся атрибутом href;
 - один из популярнейших тегов современности; каждый, кто решил изучить основы языка HTMLl, должен уделить ему особое внимание, поскольку это блочный элемент, на основе которого сделана львиная доля современных сайтов (параметры для блоков 
 задаются в css, и внутри этого тега могут располагаться другие блоки);
Выделяет абзац из текста; содержимое абзаца находится между открывающим и закрывающим тегами;
 - нумерованный список, элементы которого заключаются в парный тег 
 - маркированный список, в котором, так же как и в нумерованном, элементы обозначаются тегом 
-
 - заголовки документа (цифра обозначает уровень заголовка, то есть 
 - главный заголовок, а последующие варианты являются его подзаголовками, кстати, заголовки уровней 
, 
 почти невозможно встретить на просторах интернета), также важно помнить, что на странице может быть лишь один заголовок 
;
 - жирный текст;
 - курсив;
 - вставка картинки на интернет страницу (это единичный тег, ему не требуется закрывающий, но в нём обязательно нужно указать атрибут alt, в котором указывается текст для изображения);

Это далеко не все теги, необходимые для создания собственной веб-страницы, но их вполне достаточно, чтобы заложить основы HTML для начинающих.
CSS
Развитие языка HTML привело к тому, что каждый тег обзавёлся массой атрибутов, да и требования к внешнему виду веб-страниц существенно возросли. Код стал громоздким и неудобным, сложно было прочитать его, не то что адаптировать или изменить. К тому же, если на вашем сайте десять страниц, на которых много заголовков, отмеченных зелёным цветом, а вам вдруг захотелось сделать их красными, то придётся попотеть, изменяя каждый вручную. С появлением каскадных таблиц стилей этот процесс стал простым и логичным, да и HTML-код стал куда более читаемым.
Применение CSS
Для создания веб-страниц необходимо знать основы HTML и CSS, так как сейчас без знания каскадных таблиц стилей делать в этой сфере нечего. В них задаются атрибуты для любого элемента, распространяющиеся на весь документ. Таким образом, можно задать цвет сразу для всех элементов 
Или , написав лишь одно правило. Учитывая современные требования к внешнему виду веб-страниц, использование каскадных таблиц стилей является обязательным.
Для того чтобы подключить файл css к документу, существует тег link. Чуть выше был описан принцип его использования, но он не является единственным вариантом объединения всех стилей в одном месте. Есть ещё тег