Ағылшынның strong emphasіs – ерекше ақцентдеген сөзінен, демек қарайтылған.

–бастапқы мәтін фрагменттері үшін пайдалануға негізделген.

–ағылшынның sample- нұсқау (образец). Экранға шығарылатын мәліметтердің нұсқауларын көрсету үшін қолданыуға ыңғайлы.

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

– ағылшынның varіable – айнымалы (переменная). Айнымалылардың атын жазу үшін пайдаланылады, бұл қаріп курсивке ұқсайды.

Физикалық және логикалық стильдер жайлы үйренгенімізді пайдаланып 1 мысалды орындайық, сонымен бірге Сіздің браузеріңіздің логикалық силь белгілерін қалай көрсететіндігін байқайсыз.

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

– ағылшыннның emphasіs – акцент деген сөзінен, ол курсив қаріптерге ұқсас болып келеді.

Ағылшынның strong emphasіs – ерекше ақцентдеген сөз, ол қарайтылғанқаріп түрінде көрінеді.

–бастапқы мәтін фрагменттері үшін пайдалануға негізделген.

–ағылшынның sample – нұсқау (үлгі) деген сөзі. Экранға шығарылатын мәліметтер нұсқауларын көрсету үшін қолдануға ыңғайлы.

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

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

Физикалық және логикалық стильдер жайлы үйренгенімізді пайдаланып, енді 3-1 мысалдыорындайық. Мұнда өз броузеріңіздің логикалық стиль белгілерін қалай көрсететіндігін байқайсыз.

3-1 мысал ІTLE>

Мәтін фрагметтерін қаріптермен белгілеу Енді біз мәтін фрагменттерін әр түрлі етіп белгілеуге болатындығын білеміз.

Сонымен қатар, бірнеше логикалық стильдер бар:

EM –

ағылшыннның emphasіs – акцент деген сөзінен, курсив тәрізді,

STRONG – ағылшынның strong emphasіs – ерекше акцент деген сөзінен,

CODE – бастапқы мәтін фрагменттерін көрсету үшін
SAMP – ағылшынның sample – үлгі деген сөзінен,
KBD – ағылшынның keyboard – пернетақта (клавиатура) деген сөзінен,

VAR – ағылшынның varіable – айнымалы деген сөзінен

Мұның экрандағы нәтижесі:

Мәтін фрагменттерін қаріптермен белгілеу

Сонымен қатар, бірнеше логикалық стильдер бар:

EM – ағылшынның emphasіs – акцент деген сөзінен, курсив тәрізді
STRONG – ағылшынның strong emphasіs – ерекше акцент деген сөзінен,
CODE – бастапқы мәтін фрагменттерін көрсету үшін
SAMP – ағылшынның sample – үлгі деген сөзінен
KBD – ағылшынның keyboard – пернетақта (клавиатура) деген сөзінен
VAR – ағылшынның varіable – айнымалы деген сөзінен

Lt;TABLE> тəгінің қызметі мен атрибуттары.<TR> тəгінің қызметі мен атрибуттары.<TD> жəне<TH> тəгтерінің жұмысы мен атрибуттары.

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

<table>

• <caption>

• <tr> (table row)

• <td> (table data)

• <th> (table head)

<table> тэгі Web - құжатқа кесте құру үшін қажет. Тэг </table> тэгімен жабылады. Кестенің ұяшықтары <caption>, <tr>, <td> және <th> тэгтерімен құрылады.

Мысалы:

<table width="50%" border="1">

<tr> <td><p>

</table>

Браузер терезесінде келесі кесте пайда болады:

<caption> тэгі кестенің тақырыбын анықтайды. Тақырып тек қана мәтіннен тұрады. Тэг </caption> тэгімен жабылады. Тэгтің align атрибутының top мәні (үндеместен қолданылады) тақырыптың кесте басында, ал bottom мәні соңында болуын анықтайды.

Кестеде ұяшықтар қатарын анықтау. <tr> тэгі кестенің ұяшықтар қатарын анықтайды. Тэг </tr> тэгімен жабылады. Ұяшықтар <td> және <th> тэгтерімен құрылады. Тэг төмендегі атрибуттарға ие:

align – атрибуты ұяшық мәтінін left – сол жақ шетке, right – оң жақ шетке және center – ортаға туралайды. Үндеместен left мәні қолданылады;

valign – атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Қабылдайтын мәндері:

top – төменнен;

bottom – жоғарыдан;

middle – ортадан (үндеместен қолданылады);

bgcolor – атрибуты кесте ұяшығының фон түсін анықтайды.

Кестенің ағымдағы қатарында ұяшық құру. <td> тэгі кестенің ағымдағы қатарында ұяшық құрады. Тэг </td> тэгімен жабылады. Тэг төмендегі атрибуттарға ие:

• align – атрибуты ұяшық мәтінін браузер терезесіне туралайды. Егер атрибут жазылмаса, онда <tr /> тэгінің align атрибутының мәні үндеместен алынады. Қабылдайтын мәндері:

left – сол жақ шетке;

right – оң жақ шетке;

center – ортаға;

• valign – атрибуты ұяшық мәтінін браузер терезесінде тігінен туралайды. Егер атрибут жазылмаса, онда <tr /> тэгінің valign атрибутының мәні үндеместен алынады. Қабылдайтын мәндері:

top – төменнен;

bottom – жоғарыдан;

middle – ортадан (үндеместен қолданылады);

• width – атрибуты ұяшықтың енін анықтайды. Ұяшықтың ені пиксельде немесе кесте еніне сәйкес пайызда беріледі;

• height – атрибуты ұяшық биіктігін анықтайды. Ұяшықтың биіктігі пиксельде немесе кесте биіктігіне сәйкес пайызда беріледі;

• colspan – атрибуты кесте ұяшығы қанша бағанды біріктіретінін анықтайды. Егер жазылмаса атрибуттың мәні үндеместен бірге тең;

• rowspan – атрибуты кесте ұяшығы қанша қатарды біріктіретінін анықтайды. Егер жазылмаса атрибуттың мәні үндеместен бірге тең;

• nowrap – атрибуты ағымдағы ұяшықта мәтінді тасымалдауға тиім салады;

• bgcolor – атрибуты кесте ұяшығының фон түсін анықтайды;

• background – атрибуты ұяшықтың фоны ретінде суретті алады. Атрибуттың мәні ретінде суреттің URL - адресі беріледі.

<th> тэгі <td /> тэгі сияқты кестенің ағымдағы қатарында ұяшық құрады, тек ұяшық мәтінін тақырып деп анықтайды. Мұндай анықтама браузерге тақырып пен мәтінді бөлектеу мүмкіндігін береді. Тэгтің атрибуттары <td /> тэгінің атрибуттарына ұқсас. Тэг </th> тэгімен жабылады.

Ұяшықтың фон түсін, шрифтін, өлшемін өзгерту. Кесте құруға мысалдар қарастырайық. Қарапайым кесте құрамыз:

<table width="50%" border="1">

<tr>

<td> 1 </td>

<td> 2 </td>

<td> 3 </td>

</tr>

<tr>

<td> 4 </td>

<td> 5 </td>

<td> 6 </td>

</tr>

</table>

Наши рекомендации