Как писать сайт на html: Как создать сайт с нуля при помощи HTML

alexxlab

Основы языка «html» для работы с шаблонами сайтов

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


Основные теги


Если человек решился начать писать сайт, то первой его строкой кода будет:»<html>», «<html>» — это огромный контейнер (хранилище), в котором хранится всё для написания сайта. Данный ТЕГ служит для того, чтобы браузер и программа понимали, на каком языке пишется код. Кстати! Чтобы закрыть АБСОЛЮТНО любой тег, просто нужно перейти на следующую строку и написать «/» перед строкой кода, например:»</html>» — с помощью этого нехитрого действия, закрывается любой ТЕГ. В огромном контейнере «<html>» — хранится ещё 2 контейнера, но уже поменьше — это «<head>» и «<body>». Тег «<head>»отвечает за всё, что не видит протзователь и с чем он не может взаимодействовать на интернет странице. Тег «<body>» — в этом теги хранится всё, что видит пользователь и с чем он может взаимодействовать (например ссылки), так же с помощью этого тега можно создать заготовки соц-сети, но об этом позже. Чтобы у сайта было название в теге «<head>» надо написать строку кода «<title>НАЗВАНИЕ САЙТА</title>». Так же в контейнере «<head>» надо написать тег «<meta charset=»UTF-8″>», это пишется, чтобы браузер понимал, в какой кодировке ему представлять текст пользователю и создателю. Почему UTF-8? В данный момент, это самая современная кодировка, которую понимают все браузеры. В контейнере «<body>», чтобы написать текст…. надо просто его написать. Но чтобы создать заголовок или ссылку, придётся использовать самые разнообразные строчки кода.

Текст


Чтобы меня текст в ТЕГЕ «<body>» нам понадобятся ещё некоторые, самые разнообразные строки кода. Тег «<h2/2/3/4/5/6>» отвечает за размер текста. «<h2>» — это самый большой текст (заголовок). «<h3>» — это текст поменьше. «<h4>» -это текст ещё меньше. И так продолжается до «<h6>». Если нужно написать стих, то он будет расположен, не как обычный стих, а полностью в одну строчку. Команда «<pre>» -сделает ваш стих нормальным, и его расположение будет не в одну строчку, а во столько строчек, сколько написано. Нужно поделить текст на абзацы? В этом помогает тег»<p>»(не стоит забывать, что все теги надо закрывать, кроме тега кодировки). Для более детальной настройки нужен ещё один язык программирования, который можно связать с «html», он называется «css». Если человеку нужно выровнять текст (например: заголовок), то в этом ему поможет ТЕГ «<align>», который может выравнивать, как по центру, так влево, так и вправо. Вот так выглядит этот тег, если нужно будет с помощью него выровнять текст «<h2 align=»center»>ВАШ ТЕКСТ</h2>».


Что такое «css»


Сейчас стоит рассмотреть, такой язык, как «css». У него очень большой функционал, и он может быть связан с языком «html». Чтобы их связать, придётся в ТЕГЕ «<head>» написать определённую строку кода. Но перед этим, стоит создать сам файл «css». Теперь можно приступить к коду, выглядеть он будет так:»<link rel=»stylesheet» href=»название вашего файла.css»>». Этим действием были связаны два функциональных языка. В «css», можно заниматься, чем душа хочет. Тут и цвет можно менять и аксессуары к тексту прикрепить. Сделать текст паролем или логином.


Заключение


Конечно, это не все теги, но это то, что необходимо знать начинающему программисту. Возможно, это даст кому-нибудь толчок в программирование. Не следует пробывать сразу пытаться эксперементировать с «css», если человек ещё новичок. Спасибо за прочтение! Данная статья должна была помочь всем, кто хочет заниматься программированием!

Добавление страниц сайта с помощью HTML