vakho

WEBSITE

Apr 29th, 2013
102
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 24.21 KB | None | 0 0
  1. #1
  2. 1. რას ნიშნავს აბრევიატურა HTML და რისთვის გამოიყენება HTML ენა. აბზაცის და სურათის ტეგები. მოიყვენეთ სურათის ტეგის ატრიბუტების გამოყენების მაგალითი.
  3. 2. ramdengvari “CSS” arsebobs? moiyvaneT Sida “CSS”-is magaliTi (moiyvaneT ფონად სურათის გამეორების efeqti); CSS Display - Block და Inline ელემენტები.
  4. 3. freimebi, moiyvaneT 2 freimiani gverdis magaliTi;
  5. 4. შექმენით WEB-გვერდი 1-3 პუნქტში ჩამოთვლილი ბრძანების გამოყენებით.
  6. 5. როგორ ურთიერთობენ კომპიუტერები ინტერნეტში?
  7. 6. veb gverdis SemuSavebisas romel ZiriTad komponentebze unda vizrunoT? (ramodenime sityva stilis Sesaxeb, stilebis prioritetebi, ფერები)
  8. pasuxebi
  9. 1. HTML (Hyper Text Markup Language) hiperteqstebis markirebis ena.
  10. HTML aris ase vTqvaT saerTo dialeqti (specifikacia), romelc saSualebas aZlevs magaliTad Windows –ian manqanas harmoniaSi iyos Linux manqanasTan. veb brauzeris anu specialuri programis meSveobiT, xdeba HTML kodis interpretacia da misi gardaqmna adamianisaTvis xelmisawvdom formad – veb gverdad.
  11. <P> - tegi xsnis axal abzacs
  12. < img>-suraTis tegi , <img src="pr1.png" alt="intel">
  13. alt - კურსორის სურათთან გაჩერებისას ჩნდება მინიშნება, რომელიც სურათის შესახებ ინფორმაციას იძლევა.
  14. 2. 1) INLINE STYLE SHEETS – inlain stili.
  15. 2) GLOBAL STYLE SHEETS – globaluri (Sida) stili.
  16. 3) LINKED STYLE SHEETS - dakavSirebuli stilebi.
  17. <!DOCTYPE html>
  18. <html>
  19. <title>gtu</title>
  20. <style type=text/css>
  21. body {background-image:url(picture.jpg);background-repeat:repeat;}
  22. </style>
  23. <body>
  24. </body>
  25. </html>
  26.  
  27. Block ელემენტი არის ელემენტი რომელიც იღებს მთლიან შესაძლებელ სიგანეს და გააჩნია სტრიქონი ზევით და ქვემოთ მაგალითები ბლოკური ელემენტების არის:
  28. <h1>, <p>,<div>
  29. Inline ელემენტი იღებს მხოლოდ საჭირო სიგანეს და არ განაპირობებს სტრიქონების გაწყვეტას. მაგალითები ინლაინ ელემენტების არის:
  30. <span>,<a>.
  31. 3. ფრეიმებს ერთი შეუცვლელი თვისება გააჩნიათ, რომელიც მნიშვნელობით ცხრილებს უტოლდება - მათ ერთ ფანჯარაში ერთმანეთისგან დამოუკიდებლად არსებული რამოდენიმე ვებ-გვერდის გახსნა შეუძლიათ.
  32. <!DOCTYPE html>
  33. <html>
  34. <head>
  35. <title>frames</title>
  36. </head>
  37. <frameset cols="50%,50%">
  38. <frame src="http://www.tsu.ge">
  39. <frame src="http://www.w3schools.com">
  40.  
  41. </frameset>
  42. </html>
  43. 4. <!DOCTYPE html>
  44. <html>
  45. <head>
  46. <title>My page</title>
  47. </head>
  48. <frameset rows="150,*">
  49. <frame src="http://www.tsu.ge">
  50. <frame src="index.html">
  51. </frameset>
  52. </html>
  53.  
  54.  
  55. //(index.html)
  56. <!DOCTYPE html>
  57. <html>
  58. <head>
  59. <style type=text/css>
  60. body {background-image:url(picture1.jpg);background-repeat:repeat;}
  61. p{color:red;}
  62. h1{display:inline;}
  63. </style>
  64.  
  65. </head>
  66. <body>
  67. <h1>Heading</h1>
  68. <h1>of page</h1>
  69. <p> this is paragraph</p>
  70. <img src="picture2.jpg" alt="picture2" hspace="25" vspace="35">
  71. </body>
  72. </html>
  73. 5. kompiuterebisda sabednierod yvelaferi sakmaod martivad xdeba, rodesac saqme gvaqvs World Wide Web-Tan, yvela saubrobs erT enaze HTML miuxedavad imisa rom isini saubroben erT enaze sxvadasxva mowyobilobebis –Tan wvdoma undaeyrdnobodes garkveul wesebs,rom SeZlon erTmaneTTan urTierToba. HTTP –is Tanaxmad klientis manqanam (magaliTad kompiuterma) icis rom man unda moaxdinos serverze veb gverdis moTxovnis inicireba. serveri warmoadgens kompiuters romelzec eSveba/sruldeba veb servris programa, romelic iRebs ra moTxovnas, poulobs Sesabamis gverds da ugzavnis mas klients, romelzec is gamodis veb brauzeris fanjaraSi.
  74.  
  75.  
  76.  
  77.  
  78. #2
  79. 1. WEB-ვერდის შიგთავსის ნახვა და შენახვა (გაფართოებები). META ტეგი და მისი ატრიბუტები ტეგი < FONT > რა მოუვიდა მის ატრიბუტებს html5-ში?;
  80. 2. freimebi, moiyvaneT 3 freimiani gverdis magaliTi;
  81. 3. klasebi და ID-ები “CSS”-Si, moiyvaneT magaliTi;
  82. 4. შექმენით WEB-გვერდი 1-3 პუნქტში ჩამოთვლილი ბრძანების გამოყენებით.
  83. 5. ramodenime sityva W3 standartebis Sesaxeb;
  84. 6. veb gverdis SemuSavebisas romel ZiriTad komponentebze unda vizrunoT? (ramodenime sityva navigaciis Sesaxeb)
  85. 1. Web gverdis daTvaliereba xdeba internet-agentebis (kompiuterSi –brauzeris, telefonSi- agentis) saSualebiT, redaqtirebisaTvis ki vbrun¬debiT teqstur redaqtorSi, vaxdenT Sesabamisi dokumentis redaqtirebas da vimaxsovrebT mas. Gafartoebebi html,css.
  86. ტეგი META – მეტა ტეგებ
  87. მეტა ტეგები არის ინფორმაცია ბროუზერისთვის. ეს ტეგები თავსდება <HEAD></HEAD> ტეგს შორის. მეტა ტეგის უმრავლესობა არ არის სავალდებულო. Mmisi atributebi : content;http-equiv, name, scheme; charset;
  88. FONT – tegis saSualebiT xdeba Sriftis aRwera.
  89. am tegs gaaCnia Semdegi atributebi:
  90. FACE – Sriftis dasaxeleba,
  91. SIZE – zoma,
  92. COLOR – feri.
  93. es tegi amoiRes html5 mis nacvlab iyeneben css-is brzanebebs
  94. 2. ფრეიმებს ერთი შეუცვლელი თვისება გააჩნიათ, რომელიც მნიშვნელობით ცხრილებს უტოლდება - მათ ერთ ფანჯარაში ერთმანეთისგან დამოუკიდებლად არსებული რამოდენიმე ვებ-გვერდის გახსნა შეუძლიათ.
  95. <!DOCTYPE html>
  96. <html>
  97. <head>
  98. <title>frames</title>
  99. </head>
  100. <frameset cols="50%,25%,*">
  101. <frame src="http://www.tsu.ge">
  102. <frame src="http://www.w3schools.com">
  103. <frame src="http://www.9gag.com">
  104. </frameset>
  105. </html>
  106. 3. arsebobs stilebis gamocxadebis ramodenime meTodi:
  107. 1) .class_name {property: value} klasis saxelad SegviZlia miuTiTod nebismieri sityva. klasis gamoZa¬xeba xdeba class=”clas_name” atributiT.
  108. 2) ) #id_name {property: value}
  109. klasisagan gansxvavebiT ID seleqtori gamoiyeneba mxolod erTi unikaluri elementisaTvis stilis gansazRvrisaTvis. id=”id_name”
  110. mag.
  111. <html>
  112. <head>
  113. <style type="text/css">
  114. .center {text-align:center}
  115. #text {font-weight: bold; font-style: italic}
  116.  
  117. </style>
  118. </head>
  119. <body>
  120. <h2 class="center">CSS text-align Example</h2>
  121. <p id="text">In my younger and more vulnerable years my father gave me some advice that I've been t</p>
  122. <p><b>Note:</b> Try to resize the browser window to see how justify works.</p>
  123. </body>
  124. </html>
  125.  
  126. 4. <!DOCTYPE html>
  127. <html>
  128. <head>
  129. <title>frames1</title>
  130. </head>
  131. <frameset rows="150,*">
  132. <frame src="http://www.tsu.ge">
  133. <frame src="bla.html">
  134. </frameset>
  135. </html>
  136.  
  137. //(index.html)
  138. <!DOCTYPE html>
  139. <html>
  140. <head>
  141. <meta charset="UTF-8">
  142. <style>
  143. .center{text-align:center;}
  144. #par{font-size:20px;}
  145. </style>
  146. </head>
  147. <body>
  148. <h1 class="center">Heading</h1>
  149. <p class="center">This is paragraph with class</p>
  150. <font color="blue">
  151. <p id="par">This is paragraph with id</p>
  152. </font>
  153. </body>
  154. </html>
  155. 5. 1994 wels, tim berners li-m Seqmna World Wide Web Consortium (W3C) masaCusecis universitetSi CERN–isa da DARPA-s xelSewyobiT. isini Tavis funqciad miiCnevdnen veb protokolebisa da teqnologiebis standartizacias, raTa infomacia xelmisawvdomi yofiliyo rac SeiZleba meti momxmareblisaTvis. ramodenime wlis ganmavlobaSi konsorciumi aqveynebda sxvadasxva specifikaciebs (rekomendaciebs), maT Soris HTML 4.0, gamosaxulebis formati PNG, kaskaduri tipis cxrilebi (CSS), versiebi 1 da 2.aRsaniSnavia rom W3C ar aiZulebs Tavisi rekomendaciebis dacvas
  156.  
  157.  
  158.  
  159. #3
  160. 1. ცხრილები და ბმული ,მათი ატრიბუტები
  161. (შიდა ლინქები- anchor).
  162. 2. ras warmoadgens da risTvis gamoiyeneba “CSS”;
  163. 3. fsevdo klasebi da elementebi “CSS”-Si, moiyvaneT magaliTi;
  164. 4. შექმენით WEB-გვერდი 1-3 პუნქტში ჩამოთვლილი ბრძანების გამოყენებით.
  165. 5. domeni, World Wide Web-ის შექმნა.
  166. 6. veb gverdis SemuSavebisas romel ZiriTad komponentebze unda vizrunoT? (ramodenime sityva stilis Sesaxeb, stilebis prioritetebi, ფერები)
  167. 1. cxrilis tegi-<table>
  168. masSi aris kidev sami tipis tegi <tr> - aRniSnavs axal striqons <td>-axali sveti <th>axali sveti romelSic teqsti gamuqebulia iyeneben pirvel striqonSi
  169. <table>-isAatribudebi:border,cellspacing,align,cellpadding,width
  170. Aseve aris colspan da rowspan romlebis aertianeben svetebs da striqonebs-<td>-Si
  171.  
  172. ბმულის ტეგს მხოლოდ <a> ჰქვია, თუმცა მისი არსებობა ატრიბუტების გარეშე წარმოუდგენელია,ატრიბუტი:href, coords, name, rel, target;
  173. Anchor-aris bmuli romelsac saitze navigaciisTvis iyeneben linkis daWerisas gadavdivart saWiro adgilze .
  174. Hhref-Si vuTiTebT <a> tagis name atributis mniSvnelobas
  175. sadac gadavdivart.
  176. magaliTi:
  177. <a href="#bottom">Jump to Bottom</a>
  178. <a name="bottom">You're at the bottom!</a>
  179. 2. CSS (Cascading Style Sheets)
  180. CSS –kaskaduri stilis cxrilebis daxmarebiT SesaZlebelia veb gverdis sruli kontroli gacilebiT martivad da metad funqcionalurad, vidre es HTML enis saSualebiT xdeba.
  181.  
  182. 3. ფსევდო კლასები გამოიყენება სელექტორებისათვის გარკვეული თვისებების მისანიჭებლად:სინტაქსი შემდეგია: სელექტორი: ფსევდო-კლასი {თვისება:მნიშვნელობა;...} შესაძლებელია კლასისათვის ფსევდო კლასის გამოყენება:
  183. სელექტორი.კლასი: ფსევდო-კლასი {თვისება:მნიშვნელობა;...}
  184. მაგალითად:
  185. a.red:visited {color:#FF0000;}
  186. <a class="red" href="css_syntax.asp">CSS Syntax</a>
  187. Anchor ფსევდო-კლასები:
  188. a:link {color:#FF0000;} /* მოუნახულებელი link */
  189. a:visited {color:#00FF00;} /* მონახულებელი link */
  190. a:hover {color:#FF00FF;} /* მაუსის მიტანა link-თან */
  191. a:active {color:#0000FF;} /* მონიშნული link */
  192. Block ელემენტი არის ელემენტი რომელიც იღებს მთლიან შესაძლებელ სიგანეს და გააჩნია სტრიქონი ზევით და ქვემოთ მაგალითები ბლოკური ელემენტების არის:
  193. <h1>, <p>,<div>
  194. Inline ელემენტი იღებს მხოლოდ საჭირო სიგანეს და არ განაპირობებს სტრიქონების გაწყვეტას. მაგალითები ინლაინ ელემენტების არის:
  195. <span>,<a>.
  196. 4. <!DOCTYPE html>
  197. <html>
  198. <head>
  199. <title>page</title>
  200. </head>
  201.  
  202. <body>
  203. <a name="top"></a>
  204. <ol type="I">
  205. <li>one</li>
  206. <li>two</li>
  207. <li>three</li>
  208. <li>four</li>
  209. </ol>
  210. <ul type="disk">
  211. <li>one</li>
  212. <li>two</li>
  213. <li>three</li>
  214. <li>four</li>
  215. </ul>
  216. <ol type="A">
  217. <li>one</li>
  218. <li>two</li>
  219. <li>three</li>
  220. <li>four</li>
  221. </ol>
  222. <ul type="square">
  223. <li>one</li>
  224. <li>two</li>
  225. <li>three</li>
  226. <li>four</li>
  227. </ul>
  228. <a href="http://www.w3schools.com">Link</a>
  229. <a href="#top">to the top</a>
  230. </body>
  231. </html>
  232. 5. Gopher warmoadgenda informaciis amoRebis ZiriTad saSualebas 90-iani wlebis dasawyisisaTvis. 1993 wels universitetma ganacxada rom moiTxovda licenziis gadasaxads Tavisi etalonuri Gopher serveris realizaciisaTvis. amis gamo bevrma organizaciam daiwyo Gopher –is alternatives Zieba. atomuri kvlevebis evropul sabWos SveicariaSi (CERN), gaaCnda aseTi alternativa. tim berners li muSaobda informaciis marTvis sistemaze, romelSic teqsts SeeZlo moecva kavSirebi da mimarTvebi sxva dokumentze, Sesabamisad momxmarebels saSualebas aZlevda swrafad gadaadgilebuliyo erTi dokumentidan meoreze. man Seqmna serveri amgvari dokumentebis publikaciisaTvis da agreTve programa maTi wakiTxvisaTvis, romelsac uwoda "WorldWideWeb". es programuli uzrunvelyofa pirvelad gamoSvebuli iqna 1991 wels. 1993 wels CERN-ma gamouSva WorldWideWeb-is sawyisi kodi saerTo sargeblobisaTvis,
  233.  
  234.  
  235.  
  236.  
  237. #4
  238. 1. rogor avkrifoT sxvadasxva zomis teqsti brZaneba <FONT>-is gamoyenebis gareSe, tegebi <pre> da <abbr>. რის საშუალებას იძლევა colspan და rowspan ატრიბუტები ცხრილში?
  239. 2. rukebi (map), ჩამონათვალი (დაულაგებული სია - ul)
  240. 3. ramdengvari “CSS” arsebobs? moiyvaneT Sida “CSS”-is magaliTi; gamoiyeneT fonad suraTis gameorebiT (vertikalurad) gamoyenebis efeqti.
  241. 4. შექმენით WEB-გვერდი 1-3 პუნქტში ჩამოთვლილი ბრძანების გამოყენებით.
  242. 5. ra aris IP da DNS ?
  243. 6. veb gverdis SemuSavebisas romel ZiriTad komponentebze unda vizrunoT? (ramodenime sityva navigaciis Sesaxeb)
  244.  
  245. 1. SesaZlebelia HTML dokumentis sabazo para¬metrebis Secvla <BaseFont> tegis saSualebiT, rome¬lic unda moTavsdes <Body> tegis Semdeg. <BaseFont face=AcadNusx size=4>.
  246. <pre>-tagi saSualebas gvaZlevs rom brauzerma aRiqvas
  247. Aam tagSi dawerili teqsti da saitis gverdze teqsti aRibeWdeba zustad ise rogorc Cven is Cavweret Yvele axali abzacis da sityvebs Soris gamotovebis CaTvlid
  248. <abbr>tegi gamoiyeneba abriviaturebisTvis mis atributs name-s eniWeba mnishvneloba romelsac Cven vxedavT kursoris abriviaturasTan mitanisas.
  249. colspan da rowspan atributebi saSualebas gvadzleven cxrilSi
  250. gavaertianoT ramdenime sveti an striqoni colspan gamoiyeneba svetebisTvis rowspan gamoiyeneba striqonebisTvis
  251. 2. დაულაგებელი სიების ტეგს <ul> ჰქვია . მaს შიგნით კი ტეგი <li> სიის ახალ ელემენტს აღნიშნავს ტეგებს <ul> და <li> ერთი საჭირო ატრიბუტი type გააჩნიათ. მას <ul> ტეგისთვის სამი მნიშვნელობა აქვს და ჩამონათვალის ნიშნის სახეს უთითებს:circle,square,disk
  252.  
  253. ტეგს სახელად <map> ჰქვია - მხოლოდ მისი ან მისი ატრიბუტების დაწერით ვერაფერს შექმნით, აუცილებლად დამხმარე ტეგი <area> დაგჭირდებათ.
  254. კოდი მარტივია, ჯერ მთავარი ტეგის საშუალებით ვუთითებთ, რომ დაიწყო იმ არეების ჩამონათვალი, რომლებიც ბმულებად უნდა იქცნენ, შემდეგ კი დამხმარე ტეგის საშუალებით თვითონ იმ ადგილების ჩამონათვალს ვწერთ:
  255. <map>
  256. <area ...>
  257. <area ...>
  258. ...
  259. <area ...>
  260. </map>
  261. ტეგ <area>-ს გააჩნია ერთი აუცილებელი ატრიბუტი, რომლის გარეშეც ის არაფრის მაქნისია. ამ ატრიბუტს coords ჰქვია და სურათის იმ ნაწილის კოორდინატებს უჩვენებს, რომელიც ბმულად უნდა გადაიქცეს. კოორდინატები მძიმით გამოიყოფა.რუკები მხოლოდ მართკუთხედის ფორმის არ არსებობს. ისინი ყველანაირი შეიძლება იყოს და ამას ატრიბუტი shape უზრუნველყოფს:rect,circle,poly;
  262. 3. 1) INLINE STYLE SHEETS – inlain stili.
  263. 2) GLOBAL STYLE SHEETS – globaluri (Sida) stili.
  264. 3) LINKED STYLE SHEETS - dakavSirebuli stilebi.
  265. <!DOCTYPE html>
  266. <html>
  267. <title>gtu</title>
  268. <style type=text/css>
  269. body {background-image:url(picture.jpg);background-repeat:repeat-y;}
  270. </style>
  271. <body>
  272. </body>
  273. </html>
  274. 4. <!DOCTYPE html>
  275. <html>
  276. <head>
  277. <title>page</title>
  278. <style>
  279. background-image:url(stereo_02.jpg);
  280. background-repeat:repeat-y;
  281. </style>
  282. </head>
  283. <BaseFont face="Arial" size="20px">
  284. <body>
  285. <table border="2px"width="1000px" >
  286. <tr><td colspan="2">a</td><td>c</td><td>d</td></tr>
  287. <tr><td>a</td><td>c</td><td>b</td><td>d</td></tr>
  288. <tr><td rowspan="2" >b</td><td>a</td><td>d</td><td>c</td></tr>
  289. <tr><td>c</td><td>a</td><td>b</td></tr>
  290. </table>
  291. <ul type="square">
  292. <li>one</li>
  293. <li>two</li>
  294. <li>three</li>
  295. <li>four</li>
  296. </ul>
  297. <pre>
  298. Text in a pre element
  299. is displayed in a fixed-width
  300. font, and it preserves
  301. both spaces and
  302. line breaks
  303. </pre>
  304. The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.
  305.  
  306. </body>
  307. </html>
  308.  
  309. 5.veb brauzeri sulac ar iyenebs URL-s veb serverze gverdis moTxovnisaTvis, amisaTvis gamoiyeneba internet protokoli anu igive IP misamarTi. magaliTad http://dev.opera.com–is IP misamarTia: 213.236.208.98.
  310. adamianisaTvis gacilebiT mosaxerxebelia sityvebis damaxsovreba vidre oTx nawiliani ricxvebis mimdevrobisa.sistema romelic am samuSaos asrulebs aris domenebis saxelebis sistema anu DNS, romelic warmoadgens faqtiurad amomwurav avtomatur katalogs yvela manqanisa romlebic CarTuli arian internetSi.arsebobs uamravi manqana CarTuli internetSi da yvela DNS servers sulac ar gaaCnia sruli sia qselSi arsebuli yvela manqanisa, amitomac arsebobs sistema, romelsac SeuZlia gadaugzavnos moTxovna Sesabamis servers dasamuSaveblad.DNS sistema poulobs veb gverds http://www.apple.com, gansazgvravs rom is aris misamsrTze 17.149.160.10 da ugzavnis am IP misamarTs veb brauzes..
  311.  
  312.  
  313.  
  314.  
  315.  
  316. #5
  317. 1. <blockquote> და <bdo> tegebi, maTi atributebi. ჩამონათვალი (ol-დალაგებული სია) da misi atributebi
  318. 2. ras warmoadgens da risTvis gamoiyeneba “CSS”; tegi <HR>;
  319. 3. CSS Display და Visibility, moiyvaneT gare “CSS”-is magaliTi (moiyvaneT asoebs Soris adgilis gansazRvris efeqti);
  320. 4. შექმენით WEB-გვერდი 1-3 პუნქტში ჩამოთვლილი ბრძანების გამოყენებით.
  321. 5. ramodenime sityva brauzerebis omze;
  322. 6. veb gverdis SemuSavebisas romel ZiriTad komponentebze unda vizrunoT? (ramodenime sityva stilis Sesaxeb, stilebis prioritetebi, ფერები)
  323. 1. <BLOCKQUOTE> - tegis saSualebiT xdeba teq¬stis tabulacia.
  324. Dda citatebistvis Aatributi cite aq iwereba citatis
  325. Wyaro(url)
  326. <bdo>-tegi romlis meshveobiT Cven Segvizlia avirCiot
  327. Teqstis damwerlobis mimartuleba:marcxnidan marjvniv an piriqit,aqvs atributi dir romelshic vuwerT sasurvel mimarTulebas
  328. დალაგებული ჩამონათვალი ტეგ <ol>-ით იწერება
  329. მaს შიგნით კი ტეგი <li> სიის ახალ ელემენტს აღნიშნავს
  330. ატრიბუტ type-ს <ol> ტეგისთვის უფრო მეტი მნიშვნელობა გააჩნია:1,A,a,I,i
  331.  
  332. 2.CSS (Cascading Style Sheets)
  333. CSS –kaskaduri stilis cxrilebis daxmarebiT SesaZlebelia veb gverdis sruli kontroli gacilebiT martivad da metad funqcionalurad, vidre es HTML enis saSualebiT xdeba.
  334. saWiroebis SemTxvevaSi web gverdis horizon¬ta¬luri gayofa SesaZlebelia `horizontaluri xazis~ gamoyenebiT, romlis aRwera xdeba <HR/> - Horizontal rule tegiT, romelic aseve TviTdaxurvad tegs warmoadgens.SesaZlebelia xazis zomebis miTiTeba Semdegi atributebis daxmarebiT:
  335. SIZE - xazis sisqe;
  336. WIDTH – xazis sigrZe.
  337. ALIGN – mdebareoba
  338. NOSHADE - Crdilis moSoreba, mkveTrs xdisCOLOR – axali Taobis brauzerebi aqvT am atributis mxardaWera.
  339.  
  340. 3. Display თვისება ახდენს სპეციფიკაციას თუ როგორ უნდა იქნას გამოტანილი, ხოლო visibility-ს მეშვეობით ხდება ელემენტის გამოჩენა ან დამალვა
  341. შევნიშნოთ რომ visibility:hidden მალავს ელემენტს, თუმცა ის დაიკავებს შესაბამის ადგილს, მაგრამ არ გამოჩნდება, ხოლო თუ გვაქვს display:none ელემენტი დაიმალება ისე რომ არავითარ ადგილს არ დაიკავებს ანუ ისე გამოჩნდება თითქოს იქ არაფერია.
  342.  
  343. <!DOCTYPE html>
  344. <html>
  345. <head>
  346. <title>page</title>
  347. <link rel="stylesheet" type="text/css" href="styles.css">
  348. </head>
  349. <p>This is new paragraph </p>
  350. </body>
  351. </html>
  352.  
  353. (styles.css faili)
  354. p{
  355. letter-spacing:5px;
  356. }
  357.  
  358. 4.
  359. <!DOCTYPE html>
  360. <html>
  361. <head>
  362. <title>page</title>
  363. <link rel="stylesheet" type="text/css" href="styles.css">
  364. </head>
  365. <blockquote>
  366. THis is blockquote.
  367. </blockquote>
  368. <p ><bdo dir="rtl">this is paragraph</bdo><p>
  369. <a id="one" href="http://tsu.ge" target="_blank" >Link</a>
  370. <a href="http://w3schools.com ">Link2<a>
  371. <hr>
  372. <ol>
  373. <li>4</li>
  374. <li>5</li>
  375. <li>6</li>
  376. </ol>
  377. <p id="hide">This is hidden</p>
  378. </body>
  379. </html>
  380.  
  381. (styles.css)
  382. blockquote{
  383. letter-spacing:5px;
  384. }
  385. #hide{
  386. visibility:hidden;
  387. }
  388. #one{display:block;}
  389. 5.Web-is popularulobam gamoiwvia Sesabamisad komerciuli interesis gamZafreba. mark adrisenma datova NCSA da jim klarkTan erTad Camoayaliba kompania Mosaic Communications, SemdgomSi Netscape Communications Corporation-ad wodebuli wodebuli da daiwyo muSaoba programaze romelsac ewoda Netscape Navigator da gamovida 1994 wels.kompaniam Spyglass Inc. (NCSA-s komeciuli ganyofilebam) moaxdina Mosaic teqnologiis licenzireba Microsoft–sTvis ase Seiqmna Internet Explorer version1 1995 wels.
  390. Amas moyva swrafi ganviTareba, rodesac TiToeuli kopania Netscape da Microsoft cdilobdnen mieRwiaT konkurentuli upiratesobisaTvis, amisaTvis veb-developerebis mozidvis mizniT , axal versiebSi axdendnen axal-axali Tvisebebis realizebas (aRsaniSnavia rom es Tvisebebi iyo SeuTavsebeli sxvadasxva brauzerisaTvis, rac did problemebs qmnida saboloo jamSi). am process mogvianebiT ewoda “brauzerebis omi”. am aurzaurSi myarad inarCunebda arsebobis uflebas e.w. “patara opera” (Opera), romelic Tavis mxriv cdiloda SesaZleblobisa da mixedviT daenerga veb standartebi da Tavis Semdgom versiebSi maTi mxardaWeris uzrunvelyofa moexdina.
Advertisement
Add Comment
Please, Sign In to add comment