Разработка сайта html.

Автор Denis Lisitsin
Разработка сайта html.

Давайте сразу разберёмся.

Что такое HTML HTML аббревиатура HTML расшифровывается с английского как язык разметки гипертекста то есть, что — это значит HTML — это система верстки веб-страниц, а она определяет. Как каким образом и где в документе будут отображаться элементы например ссылки рисунки текст так далее также система позволяет связывать документы между собой отсюда вот и название гипертекст а. Существует несколько версий языка HTML мы будем изучать например последней версии HTML 4.01.

А также есть такой xhtml, а — это подобие закостенел, но он требует более строгих правил синтаксиса то есть оформление о том какие какая разница между этими языками.

А я буду говорить уже в процессе обучения в конкретных примерах пока подробно об этом на этом. Останавливаться не буду. Итак давайте посмотрим, что же вообще такое HTML на примере сайта. Вот я допустим беру страницу любую и в браузере в данном случае мне браузер Google Chrome HTML просмотр погода странице правой кнопкой. Свободном месте и вот код HTML код этой странице. Наша задача то есть задача данного курса — это научиться понимать и самим создавать такой же вот кот каждую строчку здесь, а должны понимать мы сейчас видим здесь какие-то различные элементы допустим такие элементы. Что же — это вообще такое, а элементы с помощью которых происходит шляется разметка страницы называются деньги здесь мы видим множество тегов. Давайте посмотрим подробнее, что же такое общаге здесь представлена структура тега хочу заказать книги бывают парные парные теги теги состоящая из двух частей открывающий тег как вот здесь мы можем видеть и закрывающий. Тег одиночные теги состоят только из одного тега не имеет закрывающего в данном случае представлен только который обозначает ссылку вот написано слово Google то, что мы будем видеть на страница. То есть — это текст ссылки. А то, что заключена в угловые скобки и то есть. ТЭК после названия тега в данном случае. Так, а мы видим атрибута шрифт и через равно прописывается значение тега в кавычках — это уже в данном случае в ссылке и значения HF — это идёт как раз адрес страницы. Куда ведёт данная ссылка я закрывающий тег в конце мы видим он прописывается тоже как она перед и ставится слеш перед буквой. А диги. А как вы думаете догадались существует для того чтобы браузер мог понимать как нам отобразить содержимое страницы правильно отобразить. Прежде чем начать уже написать код. Давайте поговорим о том какие нужны будут нам программы для работы изучение системы не требует большого числа программ нам понадобится. Даже две программы только во-первых — это обычные блокнот которые мы будем писать код или можно простой блокнот Windows. А есть такой анод-плюс +, а я его буду использовать в видео урока почему он более предпочтителен потому, что здесь есть подсветка кода. То есть если мы выделяем так нам показывает как здесь вот видно открывающая скобка начало и конец если допустим парней так нам показывается открывающий тег закрывающий тег очень удобно также подсветка и видно хорошо ошибки если мы сделали ошибки то легко будет найти и 2 программа которая нам понадобится — это браузер в котором будем смотреть то, что у нас получается уже готовые страницы браузера можно можно использовать любой оперы хоть интернет Chrome vs Mozilla какой. Вам нравится я буду использовать браузер Google Chrome я так с программой мы разобрались и приходим уже к изучению языка вначале рассмотрим структуру HTML документа для этого совсем создадим html-документ. Как создается системой документы очень просто открываем любую папку создаем простой текстовый документ назовем его допустим индекс txt пока создался текстовый документ открывается его в и сохраняйте как индекс, но уже с расширением HTML и всё сохраняем вот мы видим на создался документ Index HTML данные можно вообще удалить VK и теперь открывается его либо блокнотом либо notepad-plus-plus кстати ссылка на скачивание на плюс будет под видео. Какова структура HTML документа вот здесь у меня заготовлено простейшая структура и так давайте рассмотрим первая строка так называемые doctype. Для чего он здесь мы задаем версию языка в данном случае у нас версия HD 01 — это нужно для того чтобы Brother мог понять по этой строке как далее уже читать можно сказать код. Как правильно отображать. Далее идет значение синтаксиса какой. Трансшина в данном случае также может быть стрит. В чём разница в отношении к соблюдению спецификация языка то есть если у нас тэц-3 кто — это строгое строгий. Стандарт он не прощает нам ошибок A transitional он уже разрешает можно сказать применение Atego в которых запрещены в HTML 4.01, но разрешены были в более поздних версиях. А такие теги я буду давать и поэтому привёл здесь устанавливаем transition чтобы можно было привести теги которые уже сейчас перестают применяться. Но всё-таки их показать нужно будет. Поэтому лучше для создания современных документов используется всё-таки стандарт Street дальше теперь мы видим два тега HTML и закрывающий тег HTML со слешем, что — это за третье — это как раз теги начала и конца HTML документа — это обязательные теги отдали обязательный так заголовок документа. Если вы знаете английский то изучать будет еще проще потому, что здесь многие теги значение многих многих тегов с названием на английском странствующих — это голова. То есть — это голова.

0 комментариев
0

Читайте также