Информатика УМЛ

 

 

     <IMG src=c:/my img/rose.jpg>

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

     alt атрибутымен суретке қосымша мәтін түрде қосымша мәлімет шығаруға болады.

 

 

     <IMG src=c:/my img/rose.jpg width=50% height=30% alt=менің суретім>

 

 

     Web графика туралы айтқанда төмендегі  атрибуттарды ұмытпау керек: background – бұл атрибут сайтқа суретті  фон ретінде орналыстырады, bgcolor – фонға түс береді.

 

 

Сілтеме

 

 

     HTML дің негізгі қасиеті ретінде  оның басқа құжаттарға сілтемеу жасау мімкіндігі айтуға болады. HTML құжатынан алысқа орналасқан компьютерге, құжаттың ішіндегі белгілі бір орынға, HTML құжатына, басқа бір сайтқа сілтеме орнатуға болады. Сілтемені ұйымдастыру үшін <A href> тегі қолданылады.

     Мысалы,

     <A href=penjim.narod.ru>Пенжим сайтына сілтеме</a>

     Бұл мысалда біз www.penjim.narod.ru сайтына сылтеме жасадық.

     Сілтеме мәтін түрде және сурет (кнопка) түрде  болуы мүмкін. Сурет түрде орнату үшін <A> </a> тегтерінің ортасына суретті <IMG> тегімен орнату керек.

 

 

HTML-де  кесте жасау

 

 

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

     •   кесте тақырыбы;

     •   бағаналар тақырыптары;

     •   ұяшықтар.

 

 Кесте жолдар тiзбегi бойынша бiртiндеп толтырылады (солдан оңға қарай жол соңына дейiн, сонан соң келесi жолға көшу). Әрбiр ұяшыққа мәлiметтер енгiзiледi.  Боя ұяшық жасау үшiн бос орын таңбалары енгiзiлуi тиiс.

     Қарапайын 2*3 кестесін жасау үшін төменгі тегтер жиынын қолдануға болады:

 

 

     <TABLE border=1>

 

         <TR>

 

                   <TD> мәтін</td>

 

                   <TD> мәтін</td>

 

                   <TD> мәтін</td>

 

         </tr>

     <TR>

 

                   <TD> мәтін</td>

 

                   <TD> мәтін</td>

 

                   <TD> мәтін</td>

 

         </tr>

     </table>

     Бұл жерде border  кесте сызықтарының ені.

 
 

HTML-ДІҢ  НЕГІЗГІ ТЕГТЕРІ

HTML-дің негізгі  тегтері 

HTML тілінде ең  маңызды тегтер тақырыбтар, параграфтар  және қатарлар болып табылады. HTML тілін үйренудің ең жақсы  әрі оңай жолы – мысалдармен  жұмыс жасау. Бұл сайтта жаңадан үйренушілерге қолдану үшін қарапайым HTML өңдеуші жасалған. Бұл өңдеушіні қолданып HTML кодтарын жазып, өздеріңізді сынасаңыз болады. Мына сілтемеге бассаңыз HTML өңдеушіге барасыз: HTML өңдеуші

Өзіңді сына - Мысалдар

Қарапайым HTML құжаты

Бұл мысалда  қарапайым HTML тегтері қолданылған.

Қарапайым параграф

Бұл мысалдан параграфтарды қалай жасау керектігін үйрене аласыз.

 
Тақырыптар 

Тақырыптар <h1>, <h2>, <h3>, <h4>, <h5>, <h6> тегтерін қолданып жазылады. <h1> ең жоғарғы  регистр, <h6> ең төменгі регистр.

 

<h1>Бірінші дәрежелі  тақырып</h1>

<h2>Екінші дәрежелі  тақырып</h2>

<h3>Үшінші дәрежелі тақырып</h3>

<h4>Төртінші  дәрежелі тақырып</h4>

<h5>Бесінші дәрежелі  тақырып</h5>

<h6>Алтыншы дәрежелі  тақырып</h6>

HTML тілі тақырыптан  кейін автоматты түрде келесі  қатарға түседі.

 
Параграфтар

Параграфтар <p> тегімен жазылады

 

<p>Бұл бірінші  параграф</p>

<p>Бұл екінші  параграф</p>

HTML тілі параграф  тегінің алдынан және соңынан  автоматты түрде бір қатар  қалдырады.

Тегтерді жабуды ұмытпаңыз!

Жоғарыдағы мысалда  параграфтың </p> тегімен жабылғанын көрдіңіздер:

 

<p>Бұл қате  жазылған параграф

<p>Бұл да қате жазылған параграф

Бұл мысалда  жазылған қателікке көп шолғыш мүмкін мән бермей құжатты дұрыс көрсететін шығар, бірақ бұған сенбеу керек. Өйткені HTML-дің ендігі шығатын версиялары мұндай қателікке қатал қарайды.

Қатарды аттау

Қатарды аттау  үшін, яғни келесі қатарға өту үшін <br> тегі қолданылады. Бұл тегтің <p></p> тегінен айырмашылығы – бұл тег тек ендігі қатарға өтеді, арада бос қатар қалдырмайды. Ал <p></p> тегі өзінен кейін бос бір қатар қалдырады.

 

<p>Бұл  <br>параграфтың  ішіне <br> орналасқан жазулар.</p>

Өзіңді  сына!

<br> ма әлде <br /> ма?

Көп жерде <br> тегінің <br /> деп жазылғанын көреміз. Өйткені <br> жалғыз, жұпсыз болғаны  үшін соңынан жауып жүретін </br> тегі жоқ. Және оның бұл қасиеті HTML (XML және XHTML) тілдерінің келешекте шығатын версияларының құралын бұзуда. Сондықтан <br /> тегін қолдануыңызды кеңес береміз.

HTML тілінде анықтама (түсіндірме) жолдарын (қатарларын) жазу 

Анықтама жолдары HTML кодында қай кодтың не қызмет атқаратынын жазу үшін, өңдеуші тарапынан жазылып қойылады. Анықтама жаөылған қатарлар шолғышта көрінбейді.

HTML-дің негізгі  тегтері