Бұл жолдардың нәтижесі төмендегідей:

6. Енді түрлі–түсті мәтін жазып үйренейік. Ол үшін басқа түске боялатын мәтін үзіндісін <font color=“red”>…</font> белгілерінің арасына жазу керек.

<html> <head> <title> 3- мысал </title> </head>

<body> <H1> Өлең </H1> <H2> Абай </H2>

<font color =”red”>

<P> Айттым сәлем, Қаламқас <BR>

Саған құрбан мал мен бас. <BR>

Сағынғаннан сені ойлап, <BR>

Келер көзге ыстық жас. <BR>

Көзімнің қарасы,<BR>

Көңлімнің санасы. <BR>

Бітпейтін іштегі, <BR>

Ғашықтық жарасы. <font>

</body> </html>

№№№

Жоғарыда айтылғандарды пайдаланып:

1. Қандайда бір тақырып бойынша семинар болатындығы жайлы хабарлама жазыңыз. Сол құжаттың нәтижесін Internet Explorer-де көргеннен кейін, өз қалауыңызша өзгерістер енгізіп, қайталап сақтаңыз.

Тэгтердің тағы бір арнайы тобы қаріптердің сызылымын (начертание) өзгерту мүмкіндігін береді. <B> және </B> тэгтері араларында орналасқан мәтін қарайтылған қәріпке ауысады. <I> және </I> тэгтері қәріптерді курсивпен берсе, <U> және </U> тэгтері мәтіндердің астын сызып, <S>және </S> тэгтері- белдерінен сызылған символдарды бейнелейді.

Мысалы:

<HTML<HEAD>Қәріп типін, түрін, мөлшерін басқару </HEAD>

<BODY>

<BASEFONT SIZE=4 FASE= “Arial KZ”>

Негізгі қаріп Arial KZ типінде төртінші мөлшермен жазылған

<P><FONT SIZE=-2 FASE=“Times New Roman KZ” COLOR= “GREEN”>

Бұл мәтін әріптері алдынғыдан екі мөлшерге ұсақтау және ол басқа қәріп типі мен жасыл түсті қолданады.

</FONT>

<P> <B> қарайтылған қәріп түрі </B>

<P> <I> қисайтылған курсивпен жазылған қәріп түрі </I>

<P> <U> асты сызылған қәріп түрі </U>

<P> <S> белінен сызылған қәріп түрі </S>

</BODY>

</HTML>

Мұның нәтижесі:

№2 Зертханалық жұмыс

Тақырыбы: Web - парақта графиканың орналасуы. Арнайы стильдермен құжатты форматтау.

Мақсаты: Web-беттерін логикалық стильдермен безендіруді үйрету.

Логикалық стильдер <B>, < I >, < U>, тэгтері сияқты сөздерді ерекшелеп көрсетеді, олар программа мәтінін жазғанда немесе цитат (дәйектеме) келтірген кезде қолданылады. Логикалық стилдерді пайдалану кезінде броузер экранға не шығаратынын алдын ала айту қиын. Әртүрлі броузерлер экранға логикалық стильмен берілген символдарды әртүрлі етіп шығаруы мүмкін. Бұрынғы броузерлер логикалық стильде берілген қаріптерді ерекшелемей, жай қаріп түрінде бейнелей беруі де ықтимал.

<ЕМ>… </EM>

Ағылшынның emphasis – акцент сөзінен шыққан, яғни курсив түрінде берілетін мәтін бөлігін қоршап тұратын белгілер болып табылады.

<STRONG >… </STRONG>

Aғылшынның sample – мысал, үлгі деген сөзі, программа жұмысы натижелерін ендері бірдей моношрифт түрінде экранға шығарарда пайдалынады.

<KBD>…</KBD>

Ағылшынның keyboard - пернетақта (клавиатура) қысқаша сөзі. Пернелерден енгізілген сөз тіркестерін көрсету мақсатында қолданылады.

<VAR>…</VAR>

Ағылшынның variable – айнымалы сөзі, программадағы айнымалы аттарын жазу үшін енгізілген стиль түрі, қисайтылған курсивке ұқсас қаріп түрі.

Осылардың жұмысын бір мысал арқылы көрсетейік:

<HTML>

<HEAD> <TITLE> Мысал </TITLE> </HEAD> </BODY> <CENTER>

<Н2 > Мәтін фрагменттерін белгілеп ерекшелеу тәсілдері </H2>

<Р>Мәnіндерін төмендегірдей түрде ерекшілеуге болады

<BR> <HR> <B> қалыңдатылып қарайтылған қаріптермен немесе</B> <BR>

<I> қисайтылған курсивпен немесе </I>

<ВR> <U> асты сызылған символдар арқылы жазуға болады.</U>

<Р> Оған қоса мәтіндерді ендері бірдей қәріптер арқылы логикалық стильде жазу мүмкіндіктері де бар.

<HR>

<H3> Логикалық стильдер түрлері:</H3> <HR>

<P><EM> EM – ағылшынның emphasis – акцент сөзінен шыққан, яғни курсив түрінде берілетін мәтін бөлігі </EM><BR>

<STRONG>STRONG – ағылшынның strong emphasis – күшті акцент дегені, мәтін ішінде қарайтылған қаріп болып көрсетіледі.

</STRONG><BR>

</CODE>CODE-программа мәтінін көрсету үшін қолданылатын стиль түрі.

</CODE><BR>

<SAMP>SAMP-ағылшынның sample-мысал, үлгі деген сөзі, программа жұмысы нәтижелерін ендері бірдей моношрифт түрінде экранға шығарарда падалынады.

</SAMP><BR>

<KBD>KBD-keyboard – перне тақта қысқаша сөзі. Пернелерден енгізілетін сөз тіркестерін көрсету мақсатында қолданылады.

</KBD><BR> <VAR>VAR-variable – айнымалы сөзі программадағы айнымалы аттарын жазу үшін енгізілген стиль түрі, қисайтылған курсивке ұқсас қаріп түрі.

</VAR></CENTER></BODY>

</HTML>

Программа жұмысының нәтижесі: