Базовые понятия html
Думаю вы уже несколько устали от сухой теории которую к тому же вы еще не можете проверить на практике, пора уже сделать что то своими руками, начнем мы с того что разберемся с html. Html это язык разметки гипертекста, то есть это информация которую получает браузер и представляет нашим пользователем (хочу еще раз обозначить, что под клиентом я подразумеваю барузер, а под пользователь тех людей которые будут посещать наш ресурс) в том виде который мы зададим.
Базовые понятия html
То есть мы при помощи сервера должны предоставить клиенту html(на самом деле еще и css и javascript), который он будет интерпретировать и демонстрировать пользователю. Как вы прекрасно понимаете это основа основ. И также не стоит забывать что клиенты(барузеры) есть разные и хоть они и должны интерпретировать html одинаково, на само же деле результаты их работы могут отличатся, поэтому рекомендую вам прямо сейчас установить все известные вам браузеры. Минимум Internet Explorer(как это не прискорбно), Safari,Opera,GoogleChrome, FireFox, желательно нескольких как новых так и не очень версий(мы ведь хотим чтобы наш сайт везде выглядел одинаково).
Также стоит поставить firebug в FireFox, это сделать достаточно просто, откройте firefox, пройдите по ссылке или введите в google запрос и на нужной ссылке нажмите “добавить FireFox”. После установки Firebug должен появится в панели инструментов. Пока на этом и остановимся и приступим к работе.
Открывайте выбранную вами IDE(в предыдущих статьях я рекомендовал NetBins, и остаюсь верн своему выбору). Создаем php проект(файл\создать проект\PHP\Приложение PHP указываем путь и имя проекта). Теперь создадим html документ(развернут проект на вкладке проекты, правым клинком мыши на папке исходные файлы, вызываем контекстное меню\новый\Файл Html. Указываем имя файла к примеру index). Давайте рассмотри шаблон который создал NetBian.
<!-- To change this template, choose Tools | Templates and open the template in the editor. --> <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head> <body> <div>TODO write content</div> </body> </html>
Html разметка состоит из тегов(tag). Имя тега заключено в ‘<...>’ тега(пример <html>), помимо имени у тега могут быть атрибуты пары ключ значение пример(content="text/html; данный атрибут указывает на тип контента ), после имени тега следует озарение тега, сюда также могут входить другие теги либо. После чего следует закрывающий тег который начинается содержит только имя открывающего тега и ‘/’ перед ним( пример </html>).
Базовые понятия html
Пример
<div>TODO write content</div>
Пример
<head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> </head>
В данном примере вы ведете, что внутри тега div содержится текст. А внутри тега <head> содержаться теги <title> и <meta>. Также в html есть комментарии то есть то на что браузер не реагирует вовсе. Они заключаются в <!-- и -->
Пример
<!-- To change this template, choose Tools | Templates and open the template in the editor. -->
