Базовые понятия html

27 Янв 2017 | Автор: | Комментариев нет »

Думаю вы уже несколько устали от сухой теории которую к тому же вы еще не можете проверить на практике, пора уже сделать что то своими руками, начнем мы с того что разберемся с html. Html это язык разметки гипертекста, то есть это информация которую получает браузер и представляет нашим пользователем (хочу еще раз обозначить, что под клиентом я подразумеваю барузер, а под пользователь тех людей которые будут посещать наш ресурс) в том виде который мы зададим.

Базовые понятия html

То есть мы при помощи сервера должны предоставить клиенту html(на самом деле еще и css и javascript), который он будет интерпретировать и демонстрировать пользователю. Как вы прекрасно понимаете это основа основ. И также не стоит забывать что клиенты(барузеры) есть разные и хоть они и должны интерпретировать html одинаково, на само же деле результаты их работы могут отличатся, поэтому рекомендую вам прямо сейчас установить все известные вам браузеры. Минимум Internet Explorer(как это не прискорбно), Safari,Opera,GoogleChrome, FireFox, желательно нескольких как новых так и не очень версий(мы ведь хотим чтобы наш сайт везде выглядел одинаково).

Также стоит поставить firebug в FireFox, это сделать достаточно просто, откройте firefox, пройдите по ссылке https://addons.mozilla.org/ru/firefox/addon/firebug/) или введите в google запрос и на нужной ссылке нажмите “добавить FireFox”. После установки Firebug должен появится в панели инструментов. Пока на этом и остановимся и приступим к работе.

Открывайте выбранную вами IDE(в предыдущих статьях я рекомендовал NetBins, и остаюсь верн своему выбору). Создаем php проект(файл\создать проект\PHP\Приложение PHP указываем путь и имя проекта). Теперь создадим html документ(развернут проект на вкладке проекты, правым клинком мыши на папке исходные файлы, вызываем контекстное меню\новый\Файл Html. Указываем имя файла к примеру index). Давайте рассмотри шаблон который создал NetBian.

Html разметка состоит из тегов(tag). Имя тега заключено в ‘<...>’ тега(пример <html>), помимо имени у тега могут быть атрибуты пары ключ значение пример(content="text/html; данный атрибут указывает на тип контента ), после имени тега следует озарение тега, сюда также могут входить другие теги либо. После чего следует закрывающий тег который начинается содержит только имя открывающего тега и ‘/’ перед ним( пример </html>).

Базовые понятия html

Базовые понятия html

Пример

Пример

В данном примере вы ведете, что внутри тега div содержится текст. А внутри тега <head> содержаться теги <title> и <meta>. Также в html есть комментарии то есть то на что браузер не реагирует вовсе. Они заключаются в <!-- и -->

Пример

Метки записи:

Здесь вы можете написать комментарий к записи "Базовые понятия html".

* Обязательные для заполнения поля
Все отзывы проходят модерацию.
Мы в VK
Наши партнеры
Читать нас
Связаться с нами
Наши контакты

info@windowsfan.ru

О сайте

Информационно-познавательный интернет журнал про Windows