Знайте, Intuit, лекции основите на HTML

В тази глава ще научите основите на езика HTML - какво е това, което той прави, неговата история накратко, и изглежда, че структурата на HTML документа. Следващите лекции ще разгледат всяка отделна част от HTML с много по-голяма дълбочина. Лекция има следната структура:

  • Какво е HTML
  • Какво е HTML
  • История на HTML
  • Структурата на HTML документ
  • Синтаксисът на HTML елементи
  • блокови елементи и вградени елементи
  • символни връзки
  • заключение

Какво е HTML

HTML ( "HyperText Markup Language") е език за описание на съдържанието на документите в мрежата. Тя използва специален синтаксис. съдържащи маркери (наречени "елементи"), които обхващат текст в документа, за да покаже как потребителски агенти трябва да интерпретират тази част на документа.

Какво е HTML

HTML е просто обикновен текст представяне на съдържание и общ смисъл. Например, кодът за хедър, "Какво е HTML" по-горе, е, както следва:

част "

"Това е маркер (което ние наричаме" етикет "), което означава" това, което следва, трябва да се разглежда, като заглавието на второ ниво. ""

"Това е маркер, за да посочи къде има втора позиция ниво приключва (което ние наричаме" затварящ таг "). Отварящият маркер. Затварящ таг и всичко между тях се наричат" елементи ". Въпреки това, много хора използват термини елемент и маркер взаимозаменяеми, което не е много стриктно вярна.

История на HTML

Въпреки, че HTML е променила значително от тогава, повечето от съдържанието на съвременната HTML изпълнява в този първи документ, и повече от половината от "етикет", както е описано в оригиналния документ "HTML тагове" е все още там.

Проект на HTML 3.0 е въведена по-късно през годината, но работата по тази версия бе отменено, поради липса на подкрепа от продавачите на браузъра. HTML 3.2, много нови функции са загубили 3.0, а вместо това, приети много популярен дизайн в момента мозайка и Netscape Navigator браузъри.

Структурата на HTML документ

минималната възможна валиден HTML документ ще изглежда по следния начин:

Документът започва с типа на документа елемент, или типа на документа (описан по-подробно в "Глава 14". Избор на правилния тип на документ ...). Той описва какъв тип HTML, за да се използва - за потребителски агенти, за да се определи как да се тълкуват документа и да реши дали тя следва правилата, които ще се следват при прилагането му.

След това можете да видите на отваряне тага на HTML елемент. Това е обвивка около целия документ. затваряне HTML Маркерът е последният обект в който и да е документ, HTML.

Вътре HTML елемент има елемент на главата. Той е информация обвивка, съдържаща документи (метаданни). Това е описано в следващата глава в по-големи подробности. Вътре в главата е заглавието на елемент. който определя глава "Пример страница" в менюто.

След тялото на главата елемент трябва елемент. което е черупка, съдържаща действителното съдържание на страницата - в този случай, само елемента на позиция на първо ниво (h1), който съдържа текста "Здравей, свят". И това, всъщност, е целият документ.

Както можете да видите, елементи често съдържат и други елементи. Тялото на документ винаги ще включва множество вложени елементи.

Секции на страницата създаване на обща структура на документа, и ще съдържат подразделения. Те ще съдържат позиции. параграфи, списъци и т.н. Параграфи могат да съдържат елементи. които създават връзки с други елементи. котировки, разпределение и т.н. Повечето от тези елементи ще бъдат обсъдени в бъдеще.

Синтаксисът на HTML елементи

Както вече видяхме, основен елемент в HTML се състои от два маркера около блок от текст. Има елементи. които не са обвивка за текст и в почти всички случаи, елементите могат да съдържат поделементите (като HTML, и се състои от тяло глава в горния пример).

Елементи могат да имат атрибути. които могат да променят поведението на елемента и да въведе допълнителна стойност.

В този пример, елементът Разделение (раздел страница, метод за преграждане на документи в логически блокове) се добавя атрибут за идентификатор. настроен на стойност за главата. Div елемент съдържа елемент h1 (първата глава, или най-важното ниво), което от своя страна съдържа текст. Част от текста опаковани в съкр елемент (който се използва за определяне на степента на разширяване), която има заглавието атрибут. стойност се определя като Hypertext Markup Language.

Много атрибути в HTML са общи за всички елементи. въпреки че някои са специфични за елемента или елементите. Те винаги да е под формата на дума = "стойност". Стойността трябва да бъде поставен в единични или двойни кавички (в някои ситуации, цитати може да липсват, но това не е прекалено хубаво, по отношение на предвидимостта, разбиране и яснота - винаги трябва да въведете стойности в кавички).

блокови елементи и вградени елементи

ниво Блок означава по-висок елемент ниво. обикновено информира за структурата на документа. Елементи блокират ниво може да бъде представена като елементи. които започват с нов ред, откъсване от това, което е било преди. Общи блокови елементи включват точки, списък статии, заглавия и таблици.

String елементи, съдържащи се в рамките на структурните елементи на ниво блок и покриват само част от текста на документа, вместо целия регион. String елемент не доведе до нов низ в документа, те са елементи. които се появяват в текста на параграф. Общи низови елементи са хипервръзки, подчертани думи или фрази и кратки цитати.

символни връзки

Последният въпрос, който заслужава да се спомене за HTML документа. е използването на специални символи. Кодът на HTML <.> и Те са специални. Те начални и крайни части на HTML документа. и не представляват героите-малко е повече и амперсанда.

Символът амперсанд ( ) Въвежда връзка и запетая (;) завършва. Въпреки това, много потребителски агенти могат да бъдат доста прощава на HTML грешки. като липсва запетая, и се тълкува "лира" като отправна точка характер. Връзките могат да бъдат или номера (числови референтни) или съкратени думи (референтни обекти).

заключение

В тази лекция, научихме основите на HTML. как е изглеждал, а малко по-запознати със структурата на HTML документа. След това се опише Форуми HTML документ в подробности, преди да продължите да се разгледа съдържанието на .

Марк Норман Франсис работи с интернет, тъй като уеб изобретение. В момента работи в компанията Yahoo! като Front End Архитект за най-голямата в света уеб-сайт, определени най-добрите практики, стандарти за кодиране и развитие на качеството на уеб.