Създаване на страница с HTML код.
В последния урок сте инсталирали ++ програма Notepad. Сега нека да се създаде първата ни уеб страница и да научат основния тагове HTML. Всеки HTML документ притежава необходимите качества, които трябва да присъстват във всеки такъв документ. Този така наречен "скелет". Предписват ръка не ще, и ще копира тук: Karkas. Ние влагаме в нов документ, който ние създадохме в програмата Notepad ++, когато го отворите, и сега се разглоби рамката, която се основава на HTML тагове в текст.
Запазете за началото. За да направите това, да създадете отделна папка с име, например, HTML. След това можете да запишете всички файлове в тази папка. Всичко ще бъде на едно място и така ще бъде по-удобно.
При запис, посочете името на файла. Не забравяйте, че на главната страница на сайта винаги носи index.html име. Това име е и да предпише на файла. Тип на файла, изберете HTML.
Какви са HTML тагове
След това идва най-забавната част, а именно HTML тагове. Какво е маркер? Tags HTML - той заповядва да се каже на браузъра какво да правя. Някои маркери каже на браузъра, за да изведете на параграфа, а други, които трябва да отстъп, или маса. С етикети, по който общуваме с браузъра на своя език и програма за действие.
свободен край
Първият маркер - HTML таг. Обърнете внимание на това как се създава маркера. На първо място е отварящата скоба, след това името на маркера и затварящата скоба.
В този случай, имайте предвид също така, че в дъното на кладенеца е HTML тагове, но с наклонена черта.
Т.е. това е затварящия маркер. И тук е важно да се разбере, че има parnyetegi. да бъдат затворени, а има и единични, които не трябва да се затвори. Единична използва много по-рядко, отколкото двойки.
В този случай, ние имаме класически пример на двойката маркер. В този случай, HTML тага е просто контейнер, който съдържа всички останали HTML тагове. Той особено не е от значение, така че тук е необходимо да се помни, че който и да е HTML код трябва да бъде вътре в този контейнер.
свободен край и
След това отидете на главата маркер. Той също така се удвоява. И той има две други маркер. Защо главата? Ако преведете главата с англичаните. това ще бъде на главата. И по-долу ще видите тялото маркер. Тяло - този орган.
Всеки HTML документ съдържа както маркери за форматиране и специални. Какво е маркери за форматиране? Маркери за форматиране - тагове е отговорен за параграфи, заглавки, изображения, линкове и т.н. Те в действителност да се оприличат на страницата, всичко, което потребителят вижда.
Но в действителност, за страници, е необходимо също и специални маркери, които например ще каже на браузъра какво кодиране да се направи страница, това, което трябва да се показва заглавието й, какъв стил листове да бъдат свързани, които трябва да бъдат свързани скриптове.
HEAD район, точно отговаря на всички етикети за подпомагане, се изисква площ BODY за всички маркери за форматиране. областта на главата е може би най-вече наречен така, защото Той организира цялата работа. Този район казва на браузъра, който скриптове ще свързвате, който характер, какво име от страницата.
Но в организма е цялото форматиране и всичко, което е част от страницата, която е видима за потребителя.
Нека да разгледаме по-подробно контейнера главата.
свободен край
И ние започваме с МЕТА маркерите. който е отговорен за кодиране.
<Мета HTTP-екв = "Content-Type" съдържание = "текст / HTML; кодировка = UTF-8 ">
Като цяло мета тагове - многопластов. Той може да отговори не само за кодиране, като в този случай, но и за много други неща. Но тук етикет казва кодиране.
Има запис на набор знаци = UTF-8. която казва на браузъра, че документът е създаден в UTF-8 кодиране. Защо е необходимо кодиране? В нашия свят на писмено и говоримо на различни езици. И ако искаме да създадем страница на руски, а след това в Германия, например, ще трябва да създадете страница на немски език. С цел да се разбира езика на браузъра, който е създаден на сайта, специално кодиране е създаден, който стана известен като UTF-8.
От момента, тя влезе в употреба, тя се превърна в стандарт. По този начин, тя губи нуждата да се определи кодирането за конкретен език. Сега е достатъчно, за да се уточни кодиране UTF-8 и уебсайт се показва правилно във всички браузъри, и това улеснява работата дори и с базата данни.
Но има една уловка: всичко правилно всичко работи, така че браузърът правилно показва на страницата, в това кодиране трябва да е в самия документ. Тук Notepad ++ наистина ни помогне. Той има елемент от менюто "кодове" и в него, ако не изберете елемент "се кодира в UTF-8 (без BOM)", а след това да се понижат по-долу и кликнете върху елемента "Преобразуване в UTF-8 (без BOM)».
свободен край </h3>
<p>Тъй като ние разбираме, кодирането. Следваща маркер услуга - е заглавието. Заглавие в превод от английски - това е заглавието.</p>
<p><title>Untitled Document
Между отварянето и затварянето заглавието маркер обикновено е уточнено заглавието на страницата, която се показва в раздела браузър, когато отиваме към тази страница.
Нека да се обадите на нашия документ "Първото HTML страницата," спаси нашия документ, и да видим как тя изглежда в браузъра. Натиснете Меню и след това да започне «Launch в Firefox» (на браузъра може да избере такива).
Така че ние пише в заглавието на раздел на браузъра, "първи HTML страница."
В този случай, изпразнете съдържанието на сайта, тъй като в контейнера на тялото, ние нямаме нищо.
В този урок е приключила. Ще разбера какво е HTML контейнера маркер. етикет контейнер тяло, контейнер заглавие тагове, ръководител маркер за контейнер, който съхранява всички наши тагове услуги. А също и демонтирани заглавието на етикет, който показва заглавие, мета таг, който е отговорен за кодиране.
На добър час! Ще се видим скоро на страниците на блога VyacheslavDanilov.ru
Свързани статии