Მაგალითად HTML გვერდი და ძირითადი პრინციპები

გამოიგონა მრავალ ენაზე, მაგრამ ენას HTML არის ერთ-ერთი ყველაზე განსაკუთრებული და vosstrebovan. მას შემდეგ, რაც მოიცავს ბევრი სხვა ინიციატივები პროგრამირებაში. ბევრი რამ არის შესაძლებელი, როდესაც გონებაში დეველოპერი იმყოფება ცოდნა მარკირების ენა - HyperText Markup Language (HTML).

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

ზოგადი აღწერა

HTML ფაილი - ერთ გვერდზე საიტი, თუმცა ეს საკამათოა, მაგრამ რა არის ერთი ფაილი თითო გვერდზე, დაწყება ნათელია.

HTML ფაილი იწყება DOCTYPE header რომელიც ადგენს, რომ ტიპის ფაილი - HTML. ყველა გვერდი ელემენტები (tags) მითითებულია ფარგლებში კუთხე ფრჩხილებში. თითოეული წყვილი ( "<" და ">") შედის ერთ tag HTML. როგორც წესი, HTML tags შეწყვილებულ, რომ არის, ყოველ «tag» აქვს «/ tag». ორივე ჩასმულია კუთხე ფრჩხილებში. არსებობს ერთი tag, რომლის ყველაზე პოპულარული «br /» - გადასვლის შემდეგ ონლაინ.

ყველაზე დიდი tag ფაილი - ეს თვითონ HTML, რომელიც მოიცავს მხოლოდ ორი tag: ხელმძღვანელი და სხეულის. პირველ შემთხვევაში, სხვადასხვა დაზუსტება მიუთითებს ბმულები სხვა შესაბამისი გვერდზე ფაილი შეიძლება იყოს PHP და JavaScript სკრიპტები. მეორე გვერდზე წერილობითი შინაარსი. გარდა ამისა სახით tags და სკრიპტები.

მარტივი HTML გვერდი

მაგალითი შექმნის ასეთი გვერდი მითითებულია სტატიის ქვემოთ. განვიხილოთ ყურადღებით.

HEAD განყოფილებაში

მთავარი მიზანი HEAD tag - ზოგადი აღწერა გვერდზე და ზოგადად სკრიპტები, მიუხედავად იმისა, რომ ეს უკანასკნელი - ნათესავი კონცეფცია. როგორც წესი, არ ანიჭებს მნიშვნელობას მხოლოდ ორი რამ:

• სიტყვა და აღწერილობა გვერდზე;
• ბმულები სხვა ფაილი (* .css და * .js).

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

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

META-tags მნიშვნელოვანია ვებ პროგრამირების ზოგადად, მაგრამ როდესაც ეს საჭირო შექმნას HTML-გვერდების Notebook, მაგალითად არასასურველი clutter გადაჭარბებული სტრუქტურებში.

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

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

განყოფილებაში BODY

ფაქტობრივად, ნიმუში გვერდი HTML - ეს არის სხეულის მონაკვეთზე. ეს აქ, რომ შეიცავს ყველა ინფორმაცია, ყველა შინაარსი გვერდზე. ყველა ინფორმაცია არის წარმოდგენილი სახით tags და სკრიპტები, როგორიცაა ჩასმა JavaScript კოდი და ცალი PHP-პროგრამა.

მნიშვნელოვანია, გვესმოდეს, რომ, მაგალითად, HTML ვებ გვერდების ბრაუზერი და იგივე მაგალითად ტექსტური რედაქტორი, როგორიცაა notepad, ეს არ არის იგივე. პირველ შემთხვევაში ჩვენ მზად ვართ, HTML ტექსტი, რომელშიც ყველა სკრიპტები შესრულებული. მაგალითად, PHP შეასრულა თავისი ნაწილი და ჩამოყალიბდა ნაცვლად კოდი უფლება ადგილებში tags. JavaScript ასევე თავისი მისია შეასრულა, თუმცა ამაზე ცალკე საუბარი.

HTML - ის თეგები ნაცვლად სკრიპტები. საბოლოო ჯამში, მხოლოდ შინაარსი გვერდზე გამოისახება, მაგრამ მისი tag. არარის PHP კოდი იქ არ არის.

JavaScript არის სპეციალური თანამდებობა, მისი ზრუნვა - ემსახუროს გვერდი, არა მხოლოდ ჩატვირთვის დრო (გადატვირთვა), მაგრამ მომენტები, როდესაც გვერდი ვიზიტორთა ბრაუზერი და კვლევები.

მარტივი მაგალითი კოდი HTML-გვერდი (მარტო სხეულის მონაკვეთი) ქვევით.

სტუმარი ბრაუზერის იგი გამოიყურება როგორც ნაჩვენებია ქვემოთ.

არ არის მითითებული კოდი უნდა გამოიყურებოდეს ელემენტები, რომელმაც ბრაუზერში. ყველა დიზაინი ჩანს CSS წესები. ამ შემთხვევაში, MCSS / scPhpWordRW.css ფაილი, რომელიც იყო მითითებული (იხ. პირველი მაგალითია გვერდი HTML).

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

ეს გვიჩვენებს, თუ რამდენად ადვილი არის აღწერილი tag scLogo_vDoc და ეს აღწერა, რომ ნორმალური სახელმწიფო ტეგით აჩვენებს სურათს vDoc-logo.png, და როდესაც მაუსის არის მას - ნაჩვენები vDoc-logo-H.png.

სტრუქტურა HTML აღწერილობა

ენა არ გულისხმობს ახორციელებს ნებისმიერი სტრუქტურა და სინტაქსი კონცეფცია აქ ძალიან ნათესავი. არ არის ცვლადების, მაგრამ არსებობს უამრავი შესაძლებლობები. ფუნდამენტური საფუძველზე ჰიპერტექსტის არის, რომ არსებობს ელემენტს (tag), რომელიც დარწმუნებულია, რომ აქვს სახელი.

სახელი შემთხვევაში, tag წყვილი, რომელიც შედგება სახელები (tagName) და კუთხე ფრჩხილებში ( «<» + tagName + «>»), თუ ჩვენ ვსაუბრობთ დასაწყისში tag და «», თუ ჩაწერილი მისი დასრულების შემდეგ.

მაგალითი HTML გვერდებს, სადაც აღწერილია ატრიბუტები მდებარეობს ქვემოთ ტექსტი.

ტეგი შეიძლება ატრიბუტები, მაშინ ისინი დააყენა მეშვეობით სივრცეში შემდეგ tag სახელი ადრე დახურვის კუთხური ფრჩხილი ">". ატრიბუტები, თუ მათ აქვთ tag ჩაწერილია მხოლოდ დასაწყისია. შინაარსი აქვს არის, რაც მდგომარეობს შორის დაწყების tag და ბოლოს იგი.

სულ HTML content აღწერილობა

HTML გაძლევთ აღწერს ბლოკი და inline ელემენტებს. პირველი დაიკავებს გარკვეულ ტერიტორიაზე ბრაუზერის ფანჯარაში შეიძლება მდგომარეობაში აბსოლუტურად, რომ არის სწორი ადგილი სფეროში ჩვენება HTML-გვერდები, და აქვს კონკრეტული ზომა.

Inline ელემენტები საერთოდ, როგორც ჩანს, ერთ-ერთი თემა, რომელიც, როგორც ითქვა, ამ გვერდზე ფაილი, და ეკრანზე. ჩვენების საერთო ნაკადის შეიძლება გავლენა, როდესაც გვერდზე დატვირთვის ხდება. On placement, ხილვადობა, და სხვა თვისებები ბლოკი ელემენტები შეიძლება გავლენა ნებისმიერ დროს მეშვეობით JavaScript კოდი.

გარდა ამისა, მარტივი ელემენტები, HTML სთავაზობს აღწერს მაგიდები და ფორმები. ეს ელემენტები ძალიან ბევრი მოთხოვნაა "ყოველდღიურ საიტი შენობა".

აღწერა რეისები tags TABLE, TR, TD

როდესაც TABLE tag შეიძლება იყოს გამოყენებული, რათა შეიქმნას მაგიდა, მიუთითოთ რაოდენობა რიგები და TR in a row რიგი TD საკნები. განსხვავებით ჩვეულებრივი მაგიდა ორგანიზაცია, იმის გამო, ბუნების HTML-markup tabular ორგანიზაცია შეზღუდული დეკლარაცია, იმიტომ, რომ თუ დეველოპერი სურს მართკუთხა მაგიდა, რომელშიც სვეტების რაოდენობას ყველა რიგები იგივე, მაშინ ეს უნდა დაიცვას, რომ თავს.

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

მაგალითი HTML გვერდზე აღწერა უბრალო მაგიდა გრაფიკულად ნაჩვენებია სტატიაში.

აქ არის ცხრილი გვიჩვენებს ზომა სამი რიგები სამი სვეტით, პირველი რიგის tag TH იყო გამოყენებული ნაცვლად TD tag - სვეტი header. განსაკუთრებით გამოირჩევა ამ ორი tags არ გვაქვს, მაგრამ ეს შესაძლებელია გამოიყენოთ პირველი გამოირჩეოდნენ შორის პირველი რიგის მაგიდა და CSS, რომ TH, შეგიძლიათ დაურთოთ თქვენი საკუთარი სტილი, რომელიც განასხვავებს მას სხვა TD.

აღწერა ფორმა: ფორმა აქვს, INPUT

ფორმა - ეს არის ყველაზე მოთხოვნადი ნაწილი HTML-tags. გამოყენება ფორმები გადასცეს ინფორმაცია. სინამდვილეში, გვერდი - ეს ჩვენება ინფორმაციას, მაგრამ ფორმა - შეყვანის.

მაგალითი HTML გვერდზე აღწერა მარტივი ფორმა:

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

გამოყენება HTML

უნდა იცოდეს, ჰიპერტექსტის ენა - აუცილებელი პირობა ნებისმიერ სამუშაოს სპეციალობის სფეროში ინტერნეტ პროგრამირების, მაგრამ თუ გსურთ დაწეროთ პროგრამა PHP და JavaScript, მაშინ იცოდეთ, HTML + CSS უნდა მშვენივრად.

PHP ენის იდენტიფიცირებულია წინა მაგალითი. PHP ეშვება სერვერზე, იმიტომ გვერდი ამ ფორმით გაფრინდა სერვერზე ბრაუზერი სფეროებში შევსებული. კერძოდ, TestOnBlur ფუნქციები აღნიშნული tag INPUT (onblur ღონისძიება დამმუშავებლის), მიიღო ყველა პარამეტრების სახით ტექსტი სფეროებში.

ბრაუზერის გადის JavaScript, და სწორად მუშაობდა მონაცემების გაგზავნას ღილაკს უკან სერვერზე, რომ არის, დიზაინი :. onclick = jQuery ( '# to') val ( "კალათა"), აუცილებელია ვიცოდეთ არა მხოლოდ ის, თუ რა jQuery, მაგრამ რა #to, val, კალათა. კერძოდ, აუცილებელია იცოდეს ძირითადი HTML tags და საერთო წესებს მათ CSS სტილის.

ეს არის საკმარისი იმისათვის, რომ სწრაფად კვალიფიკაციის ამაღლება ნებისმიერი სპეციალობით სფეროში ინტერნეტ პროგრამირების.