შეიტყვეთ ძირითადი HTML ვებსაიტის აშენების დასაწყებად
შეიტყვეთ ძირითადი HTML თქვენი ვებსაიტის შესაქმნელად. ძირითადი HTML არ არის რთული სწავლა. სასწავლო HTML არის ალბათ ერთი ყველაზე მნიშვნელოვანი რამ, რაც თქვენ ოდესმე გავაკეთოთ თუ გსურთ შექმნათ თქვენი პირადი ვებ საიტი . თქვენ უნდა შეისწავლოთ HTML, რათა შეიმუშავონ კარგი გვერდები, რადგან ეს არის ენა, სადაც ვებ-გვერდი ინტერნეტშია დაფუძნებული.
ვებ-გვერდები დიდი გზაა თქვენს ცხოვრებაში რაღაცის გამოვლენაში. ძირითადი HTML მოგცემთ აჩვენებს მსოფლიოს რაც არ უნდა ნახოთ მათ თქვენს საიტზე. ფერის დამატება, ტექსტის ზომის შეცვლა და თქვენს ვებ-გვერდებზე სურათების ჩათვლით მხოლოდ რამდენიმე რამ შეგიძლიათ გააკეთოთ, როცა სწავლობენ ძირითად HTML- ს.
ძირითადი HTML- ის შესწავლისთვის თქვენ უნდა გვახსოვდეს, რომ ეს არის უბრალოდ მთელი რიგი ასოები, რომლებიც რეალობად იქცევიან. მაგალითად, H1 დგას პუნქტის სათაური, რომელიც არის პირველი ხუთი ზომის და BR არის ხაზის შესვენება.
ერთი მნიშვნელოვანი რამ უნდა გვახსოვდეს, როცა სწავლობენ ძირითად HTML- ის, რომ ვებ გვერდზე HTML tags უნდა მოვიდეს გარკვეულ წესრიგში და საუკეთესო HTML ტეგებს უნდა ჰქონდეს დაწყების და დასრულების ტეგი ბრაუზერი, რომ აღიაროს ბრძანება. ბოლოს ტეგი მხოლოდ უბრალოდ იგივეა, როგორც დაწყების ტეგი, გარდა იმისა, რომ იწყება / სიმბოლო. თავსათაური ჰგავს ამ სათაურს აქ h1> . არსებობს დაწყების ტეგი, H1 , სასაქონლო და ბოლოს ტეგი, / H1 .
შეიტყვეთ ძირითადი HTML სწორი გზა და გახსოვდეთ, რომ tags უნდა მოვიდეს გარკვეული მიზნით. ვებ-გვერდის ძირითადი სტრუქტურა ასეთია:
აქ შეგიძლიათ დააყენოთ მნიშვნელოვანი დოკუმენტი ინფორმაცია, როგორიცაა ჩარჩოები, ენები და სპეციალური ინსტრუქციები.
HEAD>
განათავსეთ თქვენი ამბავი, სურათები, ბმულები და ყველაფერი აქ.
თქვენი პარაგრაფის მითითება. H1>
ეს არის თქვენი დოკუმენტის ტექსტი. P>
აი, როგორ დავწეროთ ბმული:
BODY>
HTML>
თქვენ ასევე შეგიძლიათ შეიტანოთ ბმული შუა რიცხვებში. თუ მინდოდა, რომ თქვა, "Microsoft- ს აქვს შესანიშნავი წარმოდგენები." ეს ასე გამოიყურება:
http://www.microsoft.com/en/us/default.aspx "> Microsoft აქვს რამდენიმე შესანიშნავი დემოსი, რომელიც დაგეხმარებათ სწავლობენ ძირითად HTML- ს.
თქვენ არა მხოლოდ შეგიძლიათ შექმნათ ბმულები სხვა გვერდებზე, მაგრამ ასევე შეგიძლიათ შექმნათ ბმულები სხვა ადგილას იმავე გვერდზე. თუ მინდოდა წახვიდე ამ სტატიის დასაწყისში, მე ვუთხრა რაღაც "უკან დაბრუნება" და დაწკაპვით ჰიპერბმულის თქვენ დაბრუნებას დასაწყისში. ეს ცოტა უფრო რთულია, რადგან მას ორი ნაწილი აქვს. უპირველეს ყოვლისა, თქვენ შექმნით თქვენს ბმულს:
nameofdocument #There"> უკან დაბრუნება
სიტყვა "იქ" არის სიტყვა, რომელსაც მინდა გადაგიყვანო ახლავე, მე უნდა მივდივარ ამ სიტყვასთან და შექმნა და წამყვანისთვის.
როდესაც თქვენ ისწავლით ძირითად HTML- ს, თქვენ შეგიძლიათ დაწეროთ თქვენი ვებ-გვერდი ტექსტური რედაქტორისთვის, რომელსაც გააჩნია Windows, პროგრამები, როგორიცაა NoteTab და Arachnophilia, ან ის, რომ მოდის თქვენს ბრაუზერში . ნებისმიერ შემთხვევაში, თუ უბრალოდ დაიცვას წესები, როდესაც შეიტყო ძირითადი HTML ყველაფერი აღმოჩნდება მხოლოდ ჯარიმა.
ძირითადი HTML ტეგები
- ავტორის კომენტარები არ ჩანს ბრაუზერის მიერ.
... HTML> - ყოველთვის დაიწყეთ და დასრულდება თქვენი გვერდი ამ ტეგის გამოყენებით.
... HEAD> - დოკუმენტის ჰედერი.
... BODY> - დოკუმენტის სხეული.
... H1>
- პატარა სასაქონლო ზომა.
... H2>
- პატარა სასაქონლო ზომა.
... H3>
- საშუალო ზომის სასაქონლო ზომა.
... H4>
- საშუალო ზომის სასაქონლო ზომა.
... H5>
- დიდი სასაქონლო ზომა.
... H6>
- უდიდესი სასაქონლო ზომა.
... გაუქმება - იწყება ჰიპერტექსტის ბმული.
... ADDRESS> - ინფორმაცია ავტორის შესახებ.
... BLOCKQUOTE>
- ხანგრძლივი ციტატები.
... PRE>
- Preformatted ტექსტი.
- ფორმა ბლოკი.
- შექმნის ყუთს ტექსტის შეყვანა.
- ქმნის სენსორული მენიუ.
- ირჩევს ელემენტების შერჩევა.
... OL>
- ჩამოთვლილი სია.
შეკვეთილი სია მაგალითი:
- წითელი
- ლურჯი
- მწვანე
... UL>
- უწესრიგო სია.
უწესრიგო სია მაგალითი:
- წითელი
- ლურჯი
- მწვანე
<მენიუ> ... MENU> - მენიუს სია.
... DL>
- ტერმინების სია.
... CITE> - ციტატა.
... CODE>
- კოდის შრიფტი.
... DFN> - განსაზღვრული ვადა.
... EM> - აქცენტი.
მაგალითი აქცენტი წითელი:
წითელი, ლურჯი, მწვანე
... I> - იტალიური.
ისლანდიის მაგალითი:
წითელი, ლურჯი, მწვანე
... KBD> - კლავიატურის ტექსტი.
... SAMP> - ნიმუში ტექსტი.
< Strong > ... strong> - ძლიერი აქცენტი.
ძლიერი აქცენტი მაგალითი:
წითელი, ლურჯი, მწვანე
... TT> - საბეჭდი ტექსტი.
... VAR> - ცვლადი.
... B> - გაბედული.
- აღწერს დოკუმენტს.
- ხაზის შესვენება.
- ჰორიზონტალური ხაზი.
- გამოსახულება.
- პარაგრაფი.
- სიის ნომერი.
- ჩანაწერი სიაში.
- განსაზღვრავს სიაში განსაზღვრება.