Вече сте свикнали от първия самоучител да следите материала с натрупване и да пишете примерите в Notepad. За да започнем стартирайте Notepad и с "copy and paste" вмъквайте примерите за да си ги тествате и заучавате.
Следват така добре известните ви задължителни тагове.
<HTML>
</BODY>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>
</HTML>
Запаметете това като table1.html в някоя нова директория (Ползващите Win3.x го запаметяват като table1.htm). Стартирайте си браузера и отворете table1.html като успоредно с това нека Notepad да показва html кода. По този начин всяка промяна в дадения файл е нужно да бъде запаметена (save) чрез Notepad и след това чрез reload от браузера ще можете да видите направените промени. Това е най-простият и основен начин за направа на html документи изобщо.
Зпочваме с написването на таговете за таблица. Те означават "начало на таблица" и "край на таблица".
<HTML>
<TABLE>
</BODY>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>
</TABLE>
</HTML>
Всяка таблица задължително се нуждае от поне един ред.
<HTML>
<TABLE>
</BODY>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>
<TR>
</TR>
</TABLE>
</HTML>
И естествено всеки ред задължително се нуждае от поне една клетка.
<HTML>
<TABLE>
</BODY>
<HEAD>
<TITLE>Joe's a swell guy</TITLE>
</HEAD>
<BODY>
<TR>
<TD></TD>
</TR>
</TABLE>
</HTML>
За да може всичко да е прегледно, в бъдещите примери няма да пишем head, body и title таговете. Но вие си знаете, че те са задължителни и на всяка цена ще трябва да присъстват във вашия документ.
<TABLE>
<TR>
<TD></TD>
</TR>
</TABLE>
Едва сега ще можете да поставите нещо в тази клетка. Напишете просто Ed. Текста или картинките винаги се поставят между <TD> таговете.
<TABLE>
<TR>
<TD>Ed</TD>
</TR>
</TABLE>
Поздравления! Вече сте горд собственик на напълно функционираща таблица. Отворете файла с помощта на вашия браузер и я вижте. Ако сте направили всичко както трябва, вашата таблица би трябвало да изглежда така:
Ed | ||
Само се шегувам! Това, което направихте е следното...
Ed |
Поемете дълбоко въздух, облегнете се удобно на стола и се радвайте, че направихте първата си таблица!
Въведение | Урок 1 | Урок 2 | Урок 3 | Урок 4 | Урок 5 | Урок 6 | Полезни връзки | Бърз html указател |
БЕЗПЛАТНИ РЕСУРСИ ЗА ВАШАТА WEB СТРАНИЦА |