АлтитудеТВМ
Хтмл
0

Учење ХТМЛ дела 1: Избор уређивача текста за креирање ХТМЛ докумената

Да бисте написали ХТМЛ код, потребан вам је ТектУредник. Овај уређивач текста се не користи само за ХТМЛ, већ и за остале програмске језике као што су ЦСС, ПХП, Пасцал и тако даље. Заправо само коришћење Виндовс дефаулт Нотепад-а је више него довољно. Када сам био у средњој стручној школи, често сам користио Нотепад да бих обављао задатке веб програмирања, посебно ХТМЛ и ЦСС.

У овом уџбенику за учење ХТМЛ-а, топло препоручујем да користите Нотепад ++. Нотепад ++ је Тект Едитор који подржава многе програмске језике, укључујући ХТМЛ. Не само усер-фриендли, Нотепад ++ је такође врло лаган, тако да не оптерећује перформансе рачунара.

Започните креирање ХТМЛ докумената

Прво преузмите софтвер овде, затим инсталирајте као и обично. Након тога, урадите нека подешавања у наставку да бисте ХТМЛ поставили као подразумевани језик. Дакле, сваки пут када желимо да направимо нови документ, више га не требамо постављати подразумевани језикњу.

1. Унесите Подешавања > Подешавања.

подешавања нотепад-а ++

2. Након тога, изаберите Нови документ. Он Подразумевани језик, одаберите ХТМЛ. Затим изаберите Затвори ако је тако

изаберите ХТМЛ као подразумевани језик

3. Кликните икону папира као што је приказано стрелицом да бисте креирали нови документ.

Креирајте нови ХТМЛ документ

4. Након тога, покушајте да напишете ХТМЛ код испод:

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

5. У прозору Нотепад ++ изгледа следеће:

нотепад ++

6. Након тога, сачувајте документ одабиром Филе > Сачувај.

7. Чувајте на жељеној локацији. На пример, документ чувам у фасцикли Научите ХТМЛ по имену Документи1.

Локација датотеке ХТМЛ

8. Након тога двокликните документ који је претходно сачуван. Након покретања у претраживачу, резултати ће бити следећи:

резултата у прегледачу

Једна карактеристика Нотепад-а ++ која ми се допада је:постојање ове карактеристике (не знам како се зове значајка). На пример, када упишемо „<х ..“, испод ње ће се приказати неколико тагова које почињу префиксом „<х ..“. Помоћу ове функције лакше ћете се сјетити ознака које су у ХТМЛ-у.

предлажу значајку

Писање ХТМЛ кода

Погледајте друго писање ХТМЛ кода испод и пронађите разлику:

Први чланак

<!DOCTYPE html>
<html><head><title>Dokumen HTML</title></head>
<body>Ini merupakan dokumen HTML pertamaku</body></html>

Други чланак

<!DOCTYPE html>
<html>
<head>
<title>
Dokumen HTML
</title>
</head>
<body>
Ini merupakan dokumen HTML pertamaku
</body>
</html>

Ако приметите, други чланак је много вишеуредан и пријатан за око. Међутим, када се покрећу два ХТМЛ кода, резултат ће бити исти. То је зато што ознаке у ХТМЛ-у занемарују размаке.

Поред тога, писање ознака у ХТМЛ-у такође није мала и мала слова што значи да не разликује писање великим и малим словима, на пример <п> и <П> су исте. Али чак и поред тога, топло се препоручује употреба само малих слова.

У реду, успешно сте покренули документВаш први ХТМЛ. Затим морате знати шта су ознаке, атрибути и елементи у ХТМЛ-у, јер ова три појма играју важну улогу у стварању ХТМЛ докумената.

Прочитајте још:
Коментари 0