Новачкам в html

Новачкам в html

людей, вперше почали вивчати html, можна умовно розділити на 2 групи: ті, хто зайнявся «програмуванням» щойно (а адже багато дійсно вважають, що на html потрібно програмувати), і ті, хто програмує софт, але вирішив, припустимо, зробити собі невелику сторіночку в інтернеті. і в даному випадку простіше буде новачкам, т. к. вони сприймають принцип роботи як належне і ніяких проблем з переосмисленням у них не виникає.

зате у тих, хто раніше писав під веб (на php), виникають проблеми при необхідності щось написати для ос. основний, мабуть, камінь спотикання - спроба щось вивести у вікно. в php з цим проблем немає, а ось при роботі, припустимо, з дельфи виникає проблема типізації змінної (змінну цілого типу не можна явно вивести на екран; її потрібно попередньо перетворити в строкове представлення). мені один раз так і заявили: дельфи говно, в php я виводжу значення на екран, а тут взагалі фігня якась.

html - це мова гіпертекстової розмітки

це означає, що html (трохи абстрагувавшись) потрібно розглядати як word. справді: щоб в word помітити слово курсивом, потрібно його виділити і застосувати курсив. в html це робиться також: слово виділяється за допомогою спеціальних конструкцій, які називаються тегами.

виглядає це так
виглядає це так

верхній рядок містить необхідний «код», нижня - результат роботи. виходить, чистий html в достатньому рівні можна вивчити за пару днів (просто запам'ятавши основні теги). з будь-яким, навіть самим простим, мовою програмування такий фокус не пройде.

html - це не програма під windows (linux, mac і т. д.)

браузер, зустрівши таку конструкцію, сформує спеціальний запит на сервер, завантажить зображення і відобразить його на сторінці.

але з прикладу вище неясно, чим же відносний шлях може бути зручний. проілюструємо це, вказавши шлях до директорії з фото:

в першому і другому випадку потрібно, принаймні, автозаміні поміняти всі шляхи. в третьому випадку все буде прекрасно працювати (крім того, сторінка буде менше розміром, а значить буде швидше завантажуватися).

вся відмінність в кінцевому Слеш. відносний шлях до фото (photos / photo1.jpg) для першого варіанту буде розгорнуто в такий повний:

браузер не знає і знати не може, що за елемент articles: файл або директорія. тому вважає, що відносний шлях додає до останнього слешу (т. е. відкидається весь вміст правіше останнього слеша / і до нього додається відносний шлях, вказаний, в даному випадку, в аттрибута src).

до аттрибута інших тегів (href для тега , src для тега