Программирование для начинающих html

Программирование для начинающих html. Каждый человек, который задумал создать свой собственный сайт в интернете сталкивается с одним и тем же вопросом — с чего начать? В голове так много идей! Но как попробуешь исполнить, то сталкиваешься с кучей разных непонятных слов — и «ХТМЛ» и «ПХП» и многими другими.

программирование для начинающих html В этой статье мы постараемся рассказать новичкам о том, с чего же, собственно, следует начать создавать свой собственный сайт в интернете.

Первое, что необходимо узнать — HTML, он же — ХТМЛ является той основой, без которой невозможно создание сайтов как таковое. Ведь, что такое наш любимый ХТМЛ? Это — язык гипертекстовой разметки страницы.

Понимаю, что новичкам это ни о чём не говорит. Поэтому, давайте обратимся к аналогии. Представим себе обычный лист А4. Нарисуем на нём дизайн будущего сайта.

Нарисовали? Отлично! Теперь посмотрим на него. Что мы там увидим? Наверняка, у вас имеется шапка, колонка с меню, колонка, в которой будет располагаться основной контент сайта. Возможно, у вас будет что-то ещё. Так вот, ХТМЛ — это ваш карандаш в цифровой эпохе и деле создания сайта. Благодаря этому замечательному языку мы будем осуществлять разметку страницы.

Итак, после того, как мы разобрались в общих чертах с теорией, давайте приступим к практике. Наш учебник HTML для начинающих будет открываться вопросом о том, как же создать основной «каркас» страницы. Для этого нам придётся изучить несколько, так называемых, тегов ХТМЛ.

Тег — это своеобразное указание браузеру, касательно того, что располагается в этом месте вашей будущей страницы. Их существует огромное множество. О многих из них мы поговорим в наших будущих статьях.

Тег <html> указывает браузеру о том, что начался код на языке ХТМЛ. Это означает, что он переходит в режим чтения кода именно на этом языке. Но помимо того, что когда ваш код на языке ХТМЛ начинается, он должен и закончиться, правильно?

Поэтому, помимо открывающего тега, также есть и закрывающий тег. Он пишется точно также, если не считать того, что после первой скобочки пишется символ “/”. Поэтому наш код будет выглядеть следующим образом.

<html>
</html>

Теперь давайте откроем любую интернет-страницу. Посмотрите на самый верх браузера — там, где вы обнаружите значок «крестик», пр нажатии на который окно вашего браузера закроется. Обратите внимание на то, что вверху браузера написано название документа. Как этого добиться? С помощью очередного тега!

Но прежде опять отвлечёмся на небольшое отступление. Любая страница разделяется на две части — так называемую, «голову» документа и его тело. В голове передаётся вся необходимая для браузера информация, которая помогает правильно отображать «тело» документа — всё, что доступно для посетителя. Обязательно надо разграничить голову и тело документа. Запишем —

<html>
<head></head>
<body></body>
</html>

где <head> указывает на начало головы документа, а <body> на начало тела документа.
Теперь изучим тег <title>, внутри которого мы пишем заголовок документа. Запишем «моя первая интернет-страница».
Таким образом, получаем

<html>
<head>
<title>Моя первая интернет страница</title>
</head>
<body>
</body>
</html>

Теперь всё, что осталось — сохранить ваше творение в блокноте с расширением ”html”. И открыть полученный файл любым доступным браузером.

Читайте продолжение в статье