HTML (HyperText Language) е главниот програмски јазик за развој на веб-страници.Создаден како едноставен и удобен програмски јазик. Повеќето интернет страници беа развиени со користење на една од формите на овој јазик (ColdFusion, XML, XSLT). Откако ја прочитате оваа статија, можете да ја продолжите обуката користејќи други ресурси на интернет. Обидете се да пребарувате за други статии поврзани со оваа тема на интернет.

Чекори

Метод 1 од 1:

Пишување на HTML страници

Еден. Пред да започнете запознавање со еден од чекорите презентирани овде, видете го делот "Што ви е потребно".

Сликата е напишано напишете HTML страница чекор 2

2. Што треба да знаете пред да почнете да го разбирате ова прашање:

3. Основи. Дали некогаш сте слушнале за ознаката? Ознаката е опкружена со аголни загради, со зборот внатре. Конечната ознака е снимена во иста форма, но со додавање на коса црта по првата аголна заграда. Атрибутот е дополнителен збор во ознаката што се користи за додавање на делови на ознаката.

Четири. Почеток на документот. Во секој текстуален уредувач што го користите, вметнете што е подолу:
wikihowЗдраво свету
Тагот треба да се затвори во истата ознака, но со слој по првата аголна заграда. Постојат исклучоци како што се ознаки Мета или DOCTYPE.

Сликата напишано напишете HTML страница чекор 3

Пет. DOCTYPE

Како по правило, повеќето веб-страници се поставени DOCTYPE ". Тоа помага да се одреди кодирањето, како и како ќе се сметаат од веб прелистувачи. Повеќето страници ќе работат без него ", но неопходно е ако сакате да одговарате (тие ги регулираат видовите на интернет код и начини за нивно користење). DOCTYPE за HTML 4.01 е подолу:http: // W3.Org / tr / html4 / строг.DTD "> Ова е еден од најчестите DOCTYPE се користи на страницата низ целиот интернет. Прво, тоа укажува на видот на страницата која ја опишува "HTML", а потоа го нагласува видот на кодирање, и на крајот, локацијата на Doctype, која како резултат ја опишува страницата за веб прелистувач.

Постојат различни видови на HTML (различни верзии дизајнирани за многу години), на пример, употребата на нови ознаки или специфични ознаки. Некои ознаки се застарени (други, повеќе корисни ознаки се користат наместо).

и - Ова е она што во моментов се наметнува на ознаки, бидејќи тие се користат за трансформирање на текстот, но не и спецификација, како резултат на тоа, другите ознаки доаѓаат да ги заменат. Таге замена за , и замена за .

Важно е претходните ознаки да се заменат со ознаки, кои се повеќе од форматирање. Ако текстот е преведен, тогаш не само форматирање, но неговото значење останува исто. Тоа е семантички точни.

Во XHTML верзија 2.0, ознаки и не се користи, како и во HTML верзија 3+.

Сликата напишано напишете HTML страница чекор 4

6. HTML "инкрипција правило".

Ајде да погледнеме повеќе важни ознаки кои моментално се користат. Додека креирате страница, се користи едноставна структура. Ако е отворена ознака, како резултат, Мора да биде затворено. Ова се однесува на целата структура. Точниот пример за структурата на распоредот XHTML е прикажан тука:

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-строг.DTD ">

http: // W3.Org / 1999 / xhtml ">

Здраво свету!

Пример код кој дава порака Здраво свету. Ова се нарекува тесто Здраво свету.

Сликата е напишано напишете HTML страница чекор 5

7. Наслов

Наслов на веб-страница - ова е содржината помеѓу ознаката . Оваа содржина не може да ја гледа корисникот (само името кое е прикажано на насловната страница). Информации помеѓу ознаките , Може да направи други ознаки, како што се:

Мета таг, кој се користи за информации што се корисни за пребарувачите и други комунални услуги.

Врска ознака што создава врска помеѓу документите, на пример, за стилови (CSS).

Ознака за скрипта, вклучува речиси секое веб кодирање, со можност за далечински пристап (од друг документ).

Стил ознака, што во суштина е стил кој може да се примени на страницата.

Наслов таг, ова е името што се појавува како име на страницата во вашиот веб прелистувач.

Ајде да ги видиме демонстрациите на некои од нив во примерот на титулата, земена од оваа веб-страница (таа беше намалена):

...

Ако не забележите, беа доделени индивидуални ознаки, со отстранување на вистински информации. Примерот е прилично краток, со шоу, речиси, на секоја ознака што може да биде внатре , Со исклучок на HTML коментар (ние ќе зборуваме за тоа во едноставни ознаки).

Сликата напишано напишете HTML страница чекор 6

осум. Едноставни ознаки насекаде

Ајде да продолжиме и да видиме други ознаки. Бидете внимателни користејќи ознаки и запомнете го правилото за големи прсти, "енкапсулација."

Доделува важен текст.

Прави помала големина на текст. Големината на фонтот се мери во стандардни единици од 1 до 7, 3 - Ова е стандардна големина на текст. .

 Го одредува блокот на форматиран текст. Колку правилно, таков текст е регрутиран од фонтот со иста големина и со сите простори помеѓу зборовите.

Покажува текст во форма на фраза.

~~Преминува текст.~~

Го одредува текстот што беше вметнат во документот.

Една од многуте насловни ознаки. Тагови од ваков вид започнуваат со "H", со разлика во сликата. Бидете сигурни дека ќе ја затворите ознаката со иста цифра.

Го дефинира став.

За разлика од другите ознаки, коментарот мора да биде внатре во самата ознака. Оваа информација е видлива само кога кодот се гледа.

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

Неколку примери презентирани погоре не се комплетна листа на постоечки ознаки. За да дознаете за другите, посетете .

Сликата напишано напишете HTML страница чекор 7

Девет. Креирање јасна структура

Страниците се дизајнирани да одржуваат податоци во едноставни групи на ознаки за да можеме да ги расклопиме информациите во ставовите. Компјутерот ги препознава податоците, не знае за контекстот или идеолошката врска. Треба да создадеме страница со HTML страница. Ова се постигнува кога го користите DIV ознаката. Тоа помага да се создаде огромен број страници. Може да биде стилизиран со CSS, и тоа е полесно отколку создавање на големи табели за изгледот.

Оваа ознака е посебна бидејќи може да биде стилизирана и да користи индивидуални блокови на информации кои ќе бидат разбрани и корисникот, и компјутерот.

Ајде да погледнеме во едноставниот HTML распоред што го користи DIV Tag.

http: // W3.Org / tr / xhtml1 / dtd / xhtml1-строг.DTD ">

http: // W3.Org / 1999 / xhtml ">

Здраво свету!

Ова е некој текст во DIV # contontone.

Став во под-дел од DIV # contontone

Користете ознака

Помага со пребарување и менување на стилови додека работи со CSS и jаvascript. HTML ќе користи различно кодирање за работа со ССС стилови и 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