Добрый день. Сегодня, я постараюсь вам рассказать, как можно легко и быстро создать свой сайт на HTML. В этой статье буду основы для того, чтобы сделать свой первый шаг в эту сферу,так что буде внимательны. А мы начинаем.
0 ШАГ: Знакомство
Что такое HTML? Как говорит нам википедия HTML-это стандартизированный язык разметки веб-страниц во Всемирной паутине. Код HTML интерпретируется браузерами; полученная в результате интерпретации страница отображается на экране монитора компьютера или мобильного устройства. То, есть HTML- это язык для обозначения элементов веб-страницы. Сам по себе,HTML,не является языком программирования и по этому любой человек может его легко освоить.
1 шаг: Начало пути
Когда мы узнали, что же это всё таки такое, давайте приступим ,наконец, к созданию нашего шедевра. И нам для этого понадобится: блокнот, свободное время и кружечка чая. Первым делом создадим текстовый документ,я думаю что каждый умеет это делать, но для тек кто не умеет:
1. На экран нажимаем ПКМ (правой кнопкой мышки)
2. Наводим на "создать" и кликаем на "текстовый документ"
Мы создали текстовый документ и почти закончили первый шаг. Далее, нам нужно сохранить этот файл в формате html. Для этого нужно сделать пару действий:
Файлы --- сохранить как --- выбираем место --- тип файла: все файлы --- в конце названия файла пишем .html (Пример: 1.html) --- сохранить.
Теперь при двойном нажатие на этот файл, вас будет переносить на вашу web-страницу. Чтобы редактировать его, мы будем открывать с помощью блокнота. Жмём на ПКМ -- открыть с помощью --- выбираем блокнот.
Так же, для того, чтобы в дальнейшем было проще, создайте папку и перенесите туда текстовый документ.
Поздравляю, вы сделали первый шаг на пути своего грандиозного проекта, дальнейшее-веселее.
2 ШАГ: Пишем код
И так, давай те возьмём для примера этот код:
<html>
<head>
<title>Мой первый шаг </title>
</head>
<body>
Hello,world
</body>
</html>
Перед вами ваш первый код, но не понятно что написано. Как быть? Не парьтесь, сейчас я вам всё расскажу. Начнём с первых строк.
1. <html></html>- html это самая важная строчка,она как раз, и позволяет размещать текс,видео,картинки и тд на вашей web-странице. Это строчка пишется в начале, и чтобы она была активна, её надо закрыть </html>,как и все остальные тэги в дальнейшем.
2. <head></head>- это наша голова, то есть то, что стоит во главе. Все тэги, расположенные между <head></head>, это что-то вроде служебной информации. Так например следующая строчка <title></title>-заголовок, отвечает за название web-страницы.
3.<body></body>-это тело. То есть то,что будет на у вас на сайте. Так например, мы вывели надпись "Hello,world".
Мои поздравления, вы успешно создали вашу первую web-страницу. В дальнейшем,мы будем учиться изменять цвет надписи,вставлять фон и менять расположение фотографий и текста.
