x
image
bobby
HTML- გაკვეთილი 1






მცირედ
HTML-ზე.


HTML(Hyper Text Markup
Language) ნიშნავს ჰიპერტექსტის მონიშვნის ენას. ეს ენა შემუშავებული იქნა ტიმ ბერნეს–ლის
მიერ ჰიპერტექსტური სისტემის განაწილების პროქტის ფარგლებში, რომელსაც მან დაარქვა
World Wide Web (WWW). HTML
იხმარება ჰიპერტექსტური დოკუმენტების დასაწერად, რომლებიც
გამოიყენება World
Wide Web–ში. დოკუმენტი HTML ენაზე შეიძლება შეიცავდეს შემდეგი კომპონენტები:


სტილიზებული და ფორმატირებული
ტექსტი.გრაფიკული და ხმოვანი
ფაილების ჩართვის ბრძანებები.Internet–ის სხვადასხვა რესურსთან ჰიპერკავშირები.სკრიპტები JavaScript და VBScript ენებზე.სხვადასხვა ობიქტი,
მაგალითად Flash-ანიმაცია.









HTML დოკუმენტები არიან ჩვეულებრივი
ტექსტური ფაილები, რომლებიც შეიცავენ სპეციალურ ტეგებს (ან მმართველ ელემენტს). მონიშვნის
ტეგები უჩვენებენ ბრაუზერს, თუ როგორ გამოიტანოს გვერდი.


HTML ფაილებს, როგორც წესია აქვთ
გაფართოება htm ან html. შეიძლება შეუქმნას ნებისმიერი ტექსტური რედაქტორის საშუალებით
, მაგალითად :Notepad, Word ან WordPad.


HTML
ენა არის SGML ( Standard Generealized Markup Language)
ძლიერი ენის ქვესიმრავლე . SGML ენა იხმარება გამომცემლობით საქმიანობაში.


HTML
დოკუმენტში შიძლება გამოვყოთ ორი ძირითადი ბლოკი: სათაო ნაწილი
და დოკუმენტის ტანი. სათაო ნაწილის შემადგენლობა არ გამოისახება მომხმარებლის ეკრანზე
, გარდა სათაურისა, მასში, როგორც წესი, მითითებიან სკრიპტები, CSS ტექსტები და ა.შ. დოკუმენტის ტანში განათავსებენ იმ
ინფორმაციას, რომელიც იქენბა გამოტანილი მომხმარებლისათვის.


ჩემი
პირველი საიტი.


სხვადასხვა ოპერაციულ სისტემაში არის
სხვადასხვა რედაქტორი, რომლის ხმარება შიძება html დოკუმენტების
შესაქმნელად. თუ თქვენ ხმარობთ:


Microsoft
Windows გაუშვით რედაქტორი Notepad.Mac
OS გაუშვით რედაქტორი SimpleText.OSX გაუშვით რედაქტორი TextEdit (აუცილებლად შეცვალეთ
„RichText“ “PlainText“–ზე და მონიშნეთ ველი
„Ignore rich text commands in HTML files“).





HTML ფაილების შექმნა ასევე შეიძლება
Microsoft Word-ში, რომელშიც არის ფუნქცია იმისა, რომ შევინახოთ დოკუმენტი, როგორც
Web–გვერდი. აგრეთვე არსებობს სპეციალური რედაქტორები, რომლებშიც იწერება
HTML, JavaScript, CSS, PHP და ა.შ. ენები. ესენი არიან მაგალითად: Adobe
Dreamweaver, Acrobat Dreamweaver, FrontPage ან AdobeWeb Bundle. მათ აქვთ ფუნქცია
WYSIWYG(What You See Is What You Get-რასაც ხედავ, მას ღებულობ).


დაბეჭდეთ შემდეგი ტექსტი:


<html>


<head>


<title>გვერდის
სათური</title>


</head>


<body>


<h1>გამარჯობათ!</h1>


<p>ეს
ჩემი პირველი გვერდია HTML ენაზე. <b>ეს ტექსტი გამოდის გამუქებულად.</b></p>


</body>


</html>


შეინაეთ ფაილი, როგორც
„page1.htm“ და თან არ დაგავიწყდეთ ის ფაქტი, რომ ბრაუზრები ქართულ ენას ვერ აღიქვამენ
და იმისათვის, რომ მათ ეს შესძლონ შენახვისას პუნკტ „Encoding“–ში უნდა მიუთითოთ
„Unicode“.


ფაილის შენახვისას შეიძლება იხმარებოდეს .htm ან .html გაფართოება. .htm გაფართოება მოცემული
იყო ოპერატიული სისტემების ძველი ვერსიებისათვის, რომლებიც დაუშვებდნენ მხოლოდ სამ
ასოს ფაილების გაფართოებაში.

ახლა ორჯერ დააწკაპუნეთ თქვენს HTML დოკუმენტზე ან გახსენით თქვენი ბრაუზერი, აირჩეთ
„Open“ ან“Open Page”. გამოჩნდება დიალოგური ფანჯარა აირჩიეთ „Browse“ ან “Choose file” და იპოვეთ ახლად შექმნილ HTML
ფაილი.


მაგალითის
გარჩევა.


თქვენი პირველი HTML დოკუმენტი იწყება
<html> ტეგით, რომელიც აცნობებს ბრაუზერს HTML დოკუმენტის დაწყებას და მთავრდება
</html> ტეგით, რომელიც აინფორმირებს
ბრაუზერს HTML დოკუმენტის დასრულებაზე.


ტექსტი <head> ან
</head> ტეგებს შორის არის ინფორმაცია დოკუმენტის სათაურზე.


ტექსტი „გვერდის სათაური“
<title></title> ტეგებს შორის არის დოკუმენტის სათაური. ეს სათაური გამოისახება
ბრაუზერის ფანჯრის სათაურის სტრიქონში.


ტექსტი ტეგებს შორის
<body> და </body> არის ტექსტი, რომელიც იქნება გამოსახული ბრაუზერის ფანჯარაში.
ტექსტი „გამარჯობათ!“, რომელიც მოთავსებულია <h1></h1> ტეგებს შორის სათაურის
სტილით იქნება გამოსახული, ძრირითადად სქელი შრიფტით დიდი ზომისა.


ტეგი <p> ნიშნავს, რომ იწყება
აახლი პარაგრაფი ახალი პარაგრაფი, </p>პარაგრაფის დასასრულია(paragraph).


ტექსტი „ეს ტექსტი გამოდის გამუქებულად
“ <b> და </b> ტეგებს შორის იქნება გამუქებული შრიფტის.


1
598
4-ს მოსწონს
ავტორი:bobby
bobby
598
  
2012, 26 აპრილი, 14:37
ჰაჰაჰაჰა
0 1 1