<Img> êîä÷ëîë áà Src øèíæ ÷àíàð
HTML íü <img> êîä÷ëîëîîð çóðàã îðóóëäàã. Ýíý êîä÷ëîë íü ãàíöààðàà õýðýãëýãääýã. Çóðãàà äýëãýöýíä õàðóóëàõûí òóëä src øèíæ ÷àíàðûã õýðýãëýõ ¸ñòîé. Src- Source ¿ãèéí òîâ÷ëîë. Scr øèíæ ÷àíàðò çóðãèéí ôàéëûí çàìûã çààæ ºã÷ õýðýãëýäýã.
gif, jpg, bmp õºäºë㺺íò áîëîí õºäºë㺺íã¿é á¿õ òºðëèéí çóðãèéí ôàéë àâ÷ ÷àäíà.
Alt øèíæ ÷àíàð
Ýíý øèíæ ÷àíàð íü äýëãýöýí äýýð ãàðñàí çóðàã äýýð õóëãàíû çààã÷èéã áàéðëóóëàõàä ãàðàõ òàéëáàðûã îðóóëàõàä õýðýãëýíý.
<img src=”sun.jpg” alt=”big sun”>
Ýíý æèøýýãýý𠺺ðèéíõºº âýá õóóäñàíä õýðõýí õºäºë㺺íò çóðàã ãàðãàõûã ¿çýõ áîëíî.
<html>
<head><meta http-equiv=”content-Type”content=”text/html; charset=windows-1251”></head>
<body>
<p> Ýíý çóðàã áàéíà. <img src="04.jpg" width="60" height="50"></p>
<p> Ýíý õºäºë㺺íò çóðàã áàéíà. <img src="heart.gif" width="48" height="48"> </p>
<p>Õºäºë㺺íò áîëîí õºäºë㺺íã¿é çóðãèéã âýá õóóäñàíä äàõü êîä õîîðîíäîî ÿìàð ÷ ÿëãààã¿é.
</p>
</body>
</html>
Çóðãèéí çàìûã çààæ ºã÷ õàðóóëæ áîëîõîîñ ãàäíà èíòåðíýòýý õóóäàñíààñ ñ¿ëæýýãýýð çààæ ºã÷ õàðóóëæ áàñ áîëäîã. ̺í çóðãèéã ôîí çóðàã áóþó äýâñãýð çóðàã áîëãîí òàâüæ áîëíî. Òóõàéí çóðàã õýðýâ æèæèã çóðàã áîëîí èíòåðíýò õóóäàñ õàðóóëàã÷ ïðîãðàì ººðºº àâòîìàòààð õóâèëàí îëøðóóëæ õàðóóëíà.
Çóðàãàíä ìºí òåêñò øèã çýðýãö¿¿ëýëòèéã õèéæ áîëíî. Alt øèíæ ÷àíàðàà àøèãëàí çóðàãàí äýýðýý õóëãàíû çààã÷àà áàéðëóóëàõàä òàéëáàð ãàð÷ áàéõààð õèéæ áîëíî.
Çóðãààðàà õîëáîîñ õèéæ àøèãëàæ áîëíî. Çóðàã äýýðýý õóëãàíû çààã÷ààð áàéðëóóëàõàä ãàð õýëáýðòýé áîëîíãóóò íü íýã òîâøèõîä õîëáîîñ õèéãäñýí õóóäàñ íýýãäýíý.
<html>
<head> <meta http-equiv=”content-Type”content=”text/html; charset=windows-1251”>
</head>
<body>
<p> Õîëáîëò õèéõ çóðàã <a href=zurag.html> <img border="6" src="3.gif" width="44"
height="50"></a></p>
</body>
</html>
Çóðãèéã á¿õýëä íü õîëáîëò áîëãîõîîñ ãàäíà çóðãèéí õýñãèéã òàñàëæ õîëáîëò õèéæ áîëíî. Èíãýæ õèéõýä shape øèíæ ÷àíàðò ÿìàð õýñãýýð õîëáîëò õèéõèéã çààíà. Coîrds øèíæ ÷àíàðò êîîðäèíàòûã çààæ ºãíº. Alt øèíæ ÷àíàðò çóðàã äýýð ãàðàõ òàéëáàðûã çààíà.
Æèøýý íü:
<html>
<head><meta http-equiv="content-Type"content="text/html; charset=windows-1251">
</head>
<body>
<p> Ýíý çóðãèéí õýñãýýñ õîëáîëò õèéãäýíý.</p>
<img src="01.jpg" width="144" height="150" usemap="#people">
<map id="people" name="man">
<area shape="circle" coords="90,58,30" alt="form" href="zurag.html"> </area> </map>
</body>
</html>
No comments:
Post a Comment