Гиперсілтемелерді ұйымдастыру және құжатта суреттерді орналастаруды ұйымдастыру


№5 ЛАБОРАТОРИЯЛЫҚ ЖҰМЫС

ГИПЕРСІЛТЕМЕЛЕРДІ ҰЙЫМДАСТЫРУ ЖӘНЕ ҚҰЖАТТА СУРЕТТЕРДІ ОРНАЛАСТАРУ

  1. Қаріптерді форматтау

HTML-да қаріптерді форматтаудың екі жолы бар. Мәтіннің физикалық стилі - мәтіннің кейбір бөлігінде қаріптердің қарайтылып , курсив немесе асты сызылып жазылатындығын нақты көрсетуге болады. Логикалық стиль - мәтіннің экранда ерекше болып көрінетін кез-келген бөлігін белгілеу керек, ал оны ерекшелеу түрін браузер өзі анықтайды. Мысал:

  1. Физикалық стиль

Физикалық стиль деп қаріптің сызылымы жайлы браузерге берілетін нақты нұсқауларды айтады.

Мысалы, <B> және </B> белгілерінің арасындағы мәтін қарайтылған қаріппен жазылады. <І> және </І> белгілерінің арасындағы мәтін курсив қаріппен , ал <U> және </U> белгілерінің арасындағы мәтін асты сызылған қаріппен жазылады. <TT> және </TT> белгілерінің қызметі ерекше. Бұл белгілердің арасындағы мәтін жазба машинкасымен жазылған тәрізді болып көрінеді, демек, символдарының тұрақты өлшемі бар.

  1. Логикалық стильдер

Логикалық стильдерді пайдаланғанда, құжаттың экранда қандай түрде көрінетіндігін алдын ала білу мүмкін емес. Логикалық стильдің белгілерін әр баузер әр түрі қабылдайды. Кейбір браузерлер белгілерді мүлдем қабылдамайды, сондықтан логикалық белгілер арасындағы мәтін экранда жай түрде шығады. Көп тараған логикалық стиль белгілері:

Физикалық және логикалық стильдер жайлы үйренгенімізді пайдаланып 1 мысалды орындайық. 1. мысал:

  1. Құжат тұлғасы

<BODY> және </BODY> тегтерінің арасында құжаттың негізгі мазмұны орналасады. Құжат тұлғасының атрибуттар арқылы берілген өлшемдері болуы мүмкін. <BODY> тәгінің негізгі атрибуттары:

bgcolor Құжат фонының түсін анықтайды.

text Мәтін түсін анықтайды.

lіnk Гипертекстік сілтеулердің негізжгі сөздерінің түсін анықтайды.

vlіnk Пайдлаланылған гипертекстік сілтеулердің түсін анықтайды.

alіnk Гипертекстік сілтеуге басқан кездегі түсін анықтайды.

background Фон қызметін атқаратын суретті анықтайды, демек обой суреті.

  1. Гиперсілтеме жасауды ұйымдастыру

HTML-да мәтіннің бір фрагментінен екіншісіне ауысу үшін

<A HREF="[ауысу адресі] "> мәтіннің белгіленген фрагменті </A >

тәгінің көмегімен орындалады. [ауысу адресі] параметрінің орнына аргументтердің бірнеше түрін қолдануға болады. Ең қарапайымы - ауысатын HTML-құжаттың атын беру. Мысалы:

<A HREF="pr2. htm"> Мазмұн </A>

Бұл мысал HTML-құжатта Мазмұн белгіленген фрагмент пайда болады, оған тышқан курсорын апарып басқанда келесі терезеде pr. htm. құжаты ашылады.

Назар аударыңыз: егер адресте каталог (бума) көрсетілмесе, онда ауысу ағымдағы каталог ішінде орындалады. Ашылған файлды көріп болғаннан кейін артқа қайтып оралу үшін браузердің құралдар панеліндегі НАЗАД батырмасына басу керек.

Сонымен, егер сіз бір буманың ішінде орналасқан және бір-біріне сілтеме жасайтын бірнеше HTML-құжаттар дайындасаңыз, бұл құжаттарды жергілікті желінің немесе Интернеттің басқа компьютер бумаларына орналастырсаңызда дәл бұрынғыдай жұмыс жасайды. Енді сіз Интернетке қосылмай-ақ көптеген құжаттар коллекциясын дайындауға мүмкіндігіңіз бар. Құжаттардың барлығы толық дайындалып, сынақтан өткеннен кейін оны толығымен Интернетке орналастыруыңызға болады.

Қажет болған жағдайда сілтеуді қандайда бір құжатқа емес сол құжаттың ішіндегі белгілі бір сөзге де жасауға болады. Ол үшін сілтеу барысында ашылатын құжатта қандайда бір сүйеніш нүктесін немесе анкер ашу керек. Мысал арқылы талдайық.

Байланыстар жайлы білетініміздің барлығын 2 мысал көмегімен талдайық.

4. HTML-құжатқа суреттер қосу

HTML-құжат ішіне сурет енгізу оңай. HTML-құжаттың сурет қойылатын жеріне тәгті жазып, сол жердегі файл аты сурет атына (URL-ына) алмастырылуы керек.

<ІMG SRC=”файл аты”> нақты файл үшін <ІMG SRC=”dog1, gif”>

Бұл жердегі SRC міндетті түрде жазылатын атрибут. Оның мәні ретінде суретке баратын жол мен файл аты көрсетіледі. Егер файл осы бумада болса, жол көрсетілмейді. Сурет үшін GІF, JPEG немесе PNG форматты файлдар қолданылады.

Осының нәтижесінде браузер суретті көрсетілген жерге, оның алдындағы мәтіннің немесе басқа объектінің оң жағына орналастырады.

Суреті маңындағы мәтінді жол шеттері мен суретке байланысты туралау ALІGN атрибутының көмегімен жүзеге асырылады. Келісім бойынша, мәтін суреттің төменгі жағына орналасады. Мұндайда көп бос орын қалдырылады, сондықтан ALІGN атрибутының көмегімен оны өзгертуге болады. Келесі кестеде оның мүмкін мәндері мен тигізетін әсері көрсетілген.

... жалғасы

Сіз бұл жұмысты біздің қосымшамыз арқылы толығымен тегін көре аласыз.
Ұқсас жұмыстар
Гиперсілтемелерді ұйымдастыру және құжатта суреттерді орналастару
Мәліметтер базасын жобалау бойынша электрондық оқулық
HTML - құжаттарды жасақтау және өңдеу
Web-құжат туралы түсінік
HTML құжаттарының құрылымы
WEB-САЙТТАР ТҮСІНІГІ ЖӘНЕ ОНЫ ҚҰРУ НЕГІЗДЕРІ
«Интернет технологиялар» пәнінен барлық мамандық студенттеріне арналған әдістемелік нұсқау
HTML тілін пайдаланып Интернетке арналған компьютерлік жұлдыз жорамал бойынша Web-жоба құру
Электрондық оқу-әдістемелік кешендері
HTML тілі және оның құрылымы
Пәндер



Реферат Курстық жұмыс Диплом Материал Диссертация Практика Презентация Сабақ жоспары Мақал-мәтелдер 1‑10 бет 11‑20 бет 21‑30 бет 31‑60 бет 61+ бет Негізгі Бет саны Қосымша Іздеу Ештеңе табылмады :( Соңғы қаралған жұмыстар Қаралған жұмыстар табылмады Тапсырыс Антиплагиат Қаралған жұмыстар kz