HTML (езика за маркиране на хипертекст) е основният език за програмиране за разработване на уеб страници.Създаден като прост и удобен език за програмиране. Повечето интернет страници бяха разработени с помощта на една от формите на този език (ColdFusion, XML, XSLT). След като прочетете тази статия, можете да продължите обучението си с други ресурси в интернет. Опитайте се да търсите други статии, свързани с тази тема в интернет.

Стъпка

Метод 1 от 1:

Писане на HTML страници

един. Преди да започнете да се запознаете с една от представените тук стъпки, вижте раздела "Какво ви трябва".

Изображение, озаглавено Напишете HTML страница Стъпка 2

2. Какво трябва да знаете, преди да започнете да разбирате този въпрос:

3. Основи. Чували ли сте някога за етикета? Етикетът е заобиколен от ъглови скоби, с думата вътре. Крайният маркер се записва в същата форма, но с добавянето на наклонена черта след първата ъглови скоба. Атрибутът е допълнителна дума в етикета, който се използва за добавяне на части към маркера.

4. Начало на документа. Във всеки текстов редактор, който използвате, поставете това, което е по-долу:
УикихоуЗдравей свят
Етикетът трябва да бъде затворен в същия маркер, но със слой след първата ъглови скоба. Има изключения като етикети Мета или Доктрит.

Изображение, озаглавено Напишете HTML страница Стъпка 3

пет. Доктрит

Като правило са зададени повечето уеб страници Доктрит ". Той помага да се определи кодирането, както и как ще се възприема от уеб браузъри. Повечето страници ще работят без него ", но е необходимо, ако искате да съвпадате (те регулират видовете интернет кодировки и начини за използване). Доктрит за HTML 4.01 е по-долу:http: // W3.ORG / TR / HTML4 / строг.DTD"> Това е един от най-често срещаните Доктрит, използван на страница в целия интернет. Първо, той показва вида на страницата, описваща "HTML", след което подчертава вида на кодирането и в края, местоположението на доклада, което в резултат описва страницата за уеб браузър.

Има различни видове HTML (различни версии, предназначени в продължение на много години), например използването на нови маркери или специфични маркери. Някои маркери са остарели (вместо това се използват повече полезни маркери).

и - Това понастоящем е наложено на етикети, защото те се използват за трансформиране на текст, но не и спецификация, в резултат на това, други маркери идват да ги заменят. Tagе замяна на , и замяна .

Важно е предишните маркери да бъдат заменени с етикети, които са повече от форматиране. Ако текстът е преведен, тогава не само форматирането, но неговото значение остава същото. Това е семантично правилно.

В XHTML версия 2.0, тагове и не се използва, както и в HTML версия 3+.

Изображение, озаглавено Напишете HTML страница Стъпка 4

6. HTML "Капсулиране на правилото".

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

http: // W3.ORG / TR / XHTML1 / DTD / XHTML1-строг.DTD". T

http: // W3.ORG / 1999 / XHTML". T

Здравей свят!

Примерен код, който дава съобщение Здравей свят. Това се нарича тесто Здравей свят.

Изображение, озаглавено Напишете HTML страница Стъпка 5

7. Заглавие

Заглавие на уеб страницата - това е съдържанието между етикета . Това съдържание не може да се разглежда от потребителя (само името, което е показано в заглавната страница). Информация между маркерите , Може да направи други маркери, като:

Meta Tag, използван за информация, която е полезна за търсачките и други комунални услуги.

Link Tag, който създава връзка между документите, например за стилове (CSS).

TAG за скриптове, той включва почти всяко уеб кодиране, с възможност за отдалечен достъп (от друг документ).

Стил на стил, който по същество е стил, който може да се приложи на страницата.

Заглавие тагове, това е името, което се появява като име на страницата във вашия уеб браузър.

Нека видим демонстрацията на някои от тях в примера на заглавието, взети от този уебсайт (намален):

...

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

Изображение, озаглавено Напишете HTML страница Стъпка 6

Осем. Прости маркери навсякъде

Нека продължим и да видим други маркери. Бъдете внимателни с етикети и помнете правилото за големия пръст, "капсулиране."

Разпределя важен текст.

Прави по-малък размер на текста. Размерът на шрифта се измерва в стандартни единици от 1 до 7, 3 - това е размерът на текста по подразбиране. .

 Определя блока на форматиран текст. Колко правилно такъв текст се набира от шрифта със същия размер и с всички пространства между думите.

Показва текст под формата на фраза.

~~Текст.~~

Определя текста, който е бил включен в документа.

Един от многото тагове на главата. Тагове от този вид започват с "h", с разлика във фигурата. Уверете се, че затваряте етикета със същата цифра.

Определя параграф.

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

Показва цитат, може да се използва с маркер .

Представените по-горе примери не са пълен списък на съществуващите тагове. Да научите за другите, посетете .

Изображение, озаглавено Напишете Стъпка 7 на HTML страница 7

девет. Създаване на ясна структура

Страниците са предназначени да държат данни в прости набори от етикети, така че да можем да разглобим информацията в параграфите. Компютърът разпознава данните, той не знае за контекста или идеологическата връзка. Трябва да създадем страница, благоприятна за HTML страница. Това се постига при използване на Div маркера. Той помага да се създаде огромен брой страници. Тя може да бъде стилизирана с CSS и е по-лесно от създаването на големи кодови таблици за оформление.

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

Нека да разгледаме простата HTML оформление, която използва Div маркер.

http: // W3.ORG / TR / XHTML1 / DTD / XHTML1-строг.DTD". T

http: // W3.ORG / 1999 / XHTML". T

Здравей свят!

Това е някакъв текст в Div # Centoneone.

Параграф в подраздел на Div # Centone

Използвайте етикет

Помага при търсенето и променящите се стилове, докато работите с CSS и jаvascript. HTML ще използва различно кодиране, за да работи с CSS стилове и jаvascript, за да създаде най-доброто и отзивчивостта с потребителя.

Съвети

След като прочетете тази статия, не спирайте и не мислите, че сте научили всичко, от което се нуждаете. Винаги има нещо, което можете да научите, особено в тази технология.
Научете, сделете и напишете кода.
Моля, обърнете внимание, че някои маркери използват само <>. Параграф и бр - някои от примерите. Други етикети се отварят с <>, трябва допълнително затваряне. Например, "".
Хората очакват нови открития, така че да създадат дизайн или код.
След като научите много, опитайте да научите за програмиране на сървъра.
Научете се да работите с CSS, както и с jаvascript.

Предупреждения

Не забравяйте, че HTML редактира съдържание. Това означава, че HTML се използва само за съхранение на съдържание в признат формат. Други промени трябва да се извършват, като се използват други технологии, например CSS. Той също така означава да се прави "семантично правилен", Дори ако други не разпознават. Други езици за програмиране помагат за изграждането на уеб страници (CSS, jаvascript и XML). HTML е дизайнер на съдържание.

От какво имаш нужда

Текстов редактор, който поддържа ansi кодиране
Уеб браузър, като например Internet Explorer или Mozilla Firefox
(По избор) WYSIWYG или WYKIWYG HTML редактор, като Adobe Dreamweaver, Aptana Studio или Microsoft Expression Web