Садржај

• Кораци
• Метод 1 од 1: Писање ХТМЛ странице
• Савјети
• Упозорења
• Шта ти треба

ХТМЛ (Хипертект Маркуп Лангуаге) је примарни програмски језик за развој веб страница. Направљен као једноставан и згодан програмски језик. Већина страница на Интернету развијена је помоћу једног од облика овог језика (ЦолдФусион, КСМЛ, КССЛТ). Након што прочитате овај чланак, можете наставити обуку користећи друге ресурсе на Интернету. Покушајте да претражите на интернету друге чланке везане за ову тему.

Кораци

Метод 1 од 1: Писање ХТМЛ странице

1. 1 Пре него што почнете да се упознате са једним од корака који су овде представљени, погледајте одељак „Шта ће вам требати“.
2. 2 Шта треба да знате пре него што почнете да разумете овај проблем:
3. 3 Основе. Јесте ли икада чули за ознаку? Ознака је окружена угластим заградама, са речју унутра. Завршна ознака је написана у истом облику, али са косом цртом после прве угласте заграде. Атрибут је опционална реч у ознаци која се користи за додавање детаља у ознаку.
4. 4 Почетак документа. У било који уређивач текста који користите налепите следеће:
   хтмл> хеад> титле> викиХов / титле> / хеад> боди> Хелло Ворлд / боди> / хтмл> биг> / биг>
   Ознака мора бити затворена истом ознаком, али са косом цртом иза прве угласте заграде. Постоје изузеци као што су ознаке МЕТА или ДОЦТИПЕ.
5. 5 ДОЦТИПЕ
   • Обично је већина веб страница подешена ДОКТИП ”. Ово помаже у одређивању кодирања, као и како ће га веб прегледачи схватити. Већина страница ће радити без тога, „али то је неопходно ако желите да се подударају (Они регулишу врсте кодирања на Интернету и начин на који се користе)... ДОЦТИПЕ за ХТМЛ 4.01 је представљен испод :! ДОЦТИПЕ хтмл ПУБЛИЦ "- // В3Ц // ДТД ХТМЛ 4.01 // ЕН" "хттп://ввв.в3.орг/ТР/хтмл4/стрицт.дтд"> Ово је један од најчешћих ДОЦТИПЕ се користи на страницама широм интернета.Прво, указује на врсту странице која описује „хтмл“, затим истиче тип кодирања, и на крају, локацију ДОЦТИПЕ, која као резултат тога описује страницу за веб прегледач.
   • Постоје различите врсте ХТМЛ -а (различите верзије су се развијале годинама), на пример помоћу нових ознака или одређених ознака. Неке ознаке су застареле (уместо њих се користе друге корисније ознаке).
   • б> и и> - то је оно што се тренутно намеће ознакама, јер се користе за трансформацију текста, али не и спецификације, па друге ознаке долазе да их замене. Таг јак> је замена за б>, и ем>, замена за и>.
   • Важно је да се претходне ознаке замене ознакама које су више од форматирања. Ако је текст преведен, не само обликовање, већ и његово значење остаје исто. Ово је семантички тачно.
   • У КСХТМЛ верзији 2.0 б> и и> се не користи, баш као ни у ХТМЛ верзији 3+.
6. 6 ХТМЛ "Правило енкапсулације".
   • Хајде да погледамо важније ознаке које се тренутно користе. Приликом израде странице користи се једноставна структура. Ако је ознака отворена, као резултат тога, треба га затворити... Ово се односи на целу структуру. Ево валидног примера КСХТМЛ структуре изгледа:
   • ! ДОЦТИПЕ хтмл ПУБЛИЦ "- // В3Ц // ДТД КСХТМЛ 1.0 Стрицт // ЕН" "хттп://ввв.в3.орг/ТР/кхтмл1/ДТД/кхтмл1-стрицт.дтд">
   • хтмл кмлнс = "хттп://ввв.в3.орг/1999/кхтмл">
   • глава>
   • мета хттп-екуив = "Цонтент-Типе" цонтент = "тект / хтмл; цхарсет = утф-8" />
   • наслов> Здраво Свете! / наслов>
   • / глава>
   • тело>
   • х1> Здраво Свијете! / х1>
   • / тело>
   • / хтмл>
   • Пример кода који издаје поруку Здраво Свете... Ово се зове тест Здраво Свете.
7. 7 Наслов
   • Наслов веб странице је садржај између ознаке глава>... Овај садржај не може прегледати корисник (само наслов који је приказан у наслову странице). Информације између ознака глава>, може приложити друге ознаке, као што су:
     
     
     • МЕТА ознака се користи за информације које су корисне претраживачима и другим услужним програмима.
     • ЛИНК ознака која ствара везу између докумената, на пример за стилове (ЦСС).
     • СЦРИПТ ознака, ово укључује скоро свако веб кодирање, са могућношћу даљинског приступа (из другог документа).
     • Ознака СТИЛЕ, која је у суштини стил који се може применити на страницу.
     • Ознака ТИТЛЕ је наслов који се појављује као наслов странице у вашем веб прегледачу.
   • Погледајмо демо неке од њих у заглављу примера преузетом са ове веб странице (скраћено је):
     • глава>
     • наслов> ... / наслов>
     • мета наме = "десцриптион" цонтент = "..." />
     • линк рел = "стилесхеет" типе = "тект / цсс" хреф = "..." />
     • мета хттп-екуив = "цонтент-типе" цонтент = "тект / хтмл; цхарсет = УТФ-8" />
     • стиле типе = "тект / цсс" медиа = "алл"> ... / стиле>
     • сцрипт типе = "тект / јавасцрипт" срц = "..."> / сцрипт>
     • / глава>
       
       У случају да нисте приметили, појединачне ознаке су истакнуте, а стварни подаци уклоњени. Пример је прилично кратак и приказује скоро сваку ознаку у којој се може пронаћи глава>осим ХТМЛ коментара (О овоме ћемо причати у једноставним ознакама).
8. 8 Једноставне ознаке свуда
   • Идемо даље и видимо друге ознаке. Будите опрезни при означавању и запамтите опште правило „Енкапсулација“.
     
     
     • јако> Наглашава важан текст.
     • мали> Умањује текст. Величина фонта се мери у стандардним јединицама од 1 до 7, 3 је подразумевана величина текста. ...
     • пре> Дефинише блок обогаћеног текста. Тачно је да се такав текст откуцава фонтом исте величине и са свим размацима између речи.
     • ем> Приказује текст као израз.
     • дел> брише текст.
     • инс> Дефинише текст који је уметнут у документ.
     • х1> Једна од многих ознака заглавља. Тагови ове врсте почињу са 'х', са разликом у броју. Затворите ознаку са истим бројем.
     • п> Дефинише пасус.
     • ! --- ... ---> За разлику од других ознака, коментар мора бити унутар саме ознаке. Ове информације су видљиве само када се прегледа код.
     • блоцккуоте> Приказује цитат, може се користити са ознаком ците>.
     • Неколико горњих примера нису потпуна листа постојећих ознака. Да бисте сазнали о другима, посетите.
9. 9 Стварање јасне структуре
   • Странице су дизајниране да држе податке у једноставним скуповима ознака тако да можемо да рашчланимо информације у пасусе. Рачунар препознаје податке; не зна за контекст или концептуалну везу. Морамо да направимо ХТМЛ странице прилагођене рачунару. Ово се постиже употребом ознаке див. Помаже у стварању огромног броја страница. Може се стилизовати помоћу ЦСС -а и лакше је од креирања великих таблица кода за изглед.
     • див> Ова ознака је посебна јер се може обликовати и користити засебне блокове информација које разумију и корисник и рачунар.
   • Хајде да погледамо једноставан ХТМЛ распоред који користи ознаку див.
     • ! ДОЦТИПЕ хтмл ПУБЛИЦ "- // В3Ц // ДТД КСХТМЛ 1.0 Стрицт // ЕН" "хттп://ввв.в3.орг/ТР/кхтмл1/ДТД/кхтмл1-стрицт.дтд">
     • хтмл кмлнс = "хттп://ввв.в3.орг/1999/кхтмл">
     • глава>
     • мета хттп-екуив = "Цонтент-Типе" цонтент = "тект / хтмл; цхарсет = утф-8" />
     • наслов> Здраво Свете! / наслов>
     • / глава>
     • тело>
     • х1> Здраво Свијете! / х1>
     • див ид = "цонтентОне">
     • п> Ово је неки текст у див # цонтентОне. / п>
     • див>
     • п> Параграф у пододсеку див # цонтентОне / п>
     • / див>
     • / див>
     • / тело>
     • / хтмл>
   • Коришћење див> тагова помаже у проналажењу и измени стилова током рада са ЦСС -ом и Јавасцрипт -ом. ХТМЛ ће користити различито кодирање за рад са ЦСС стиловима и Јавасцрипт -ом ради стварања бољег и осјетљивијег корисничког искуства.

Савјети

• Након што прочитате овај чланак, немојте стати и помислити да сте научили све што требате знати. Увек се има шта научити, посебно у овој технологији.
• Научите, разумејте и пишите код.
• Имајте на уму да неке ознаке користе само>. Пара и бр су неки примери. Остале ознаке отворене са> потребно је додатно затворити. На пример, "див> / див>".
• Људи очекују нова открића, па их поново измислите, дизајнирајте или кодирајте.
• Када научите много, покушајте да научите програмирање сервера.
• Научите да радите са ЦСС -ом, као и са Јавасцрипт -ом.

Упозорења

• Упамтите, ХТМЛ је само уређивање садржаја. То значи да се ХТМЛ користи само за складиштење садржаја у препознатом формату. Друге промене се морају извршити коришћењем других технологија, као што је ЦСС. То такође значи да радите „семантички исправночак и ако други то не признају. Други програмски језици помажу у изградњи веб страница (ЦСС, Јавасцрипт и КСМЛ). ХТМЛ је конструктор садржаја.

Шта ти треба

• Уређивач текста који подржава АНСИ кодирање
• Веб прегледач као што је Интернет Екплорер или Мозилла Фирефок
• (Опционално) висивиг или викивиг ХТМЛ едитор, попут Адобе Дреамвеавер, Аптана Студио или Мицрософт Екпрессион Веб