В интернете существует огромнейщее количество сайтов разных тематик с разными технологиями. Интернет стал неотъемлемой частью общества, из него люди ежедневно "черпают" огромнейщее количество информации, общаются, обмениваясь информацией. И если вы тоже хотите сделать то, что станет частичкой интернета, то вам нужно ознакомиться с основными возможностями html (а затем CSS), после чего вы сможете экспериментировать, искать, узнавать уже что-то конкретное, нужное для вас, и в конце концов создадите свой первый сайт. Данные уроки html как раз то, что вам нужно.
И так, вам понадобится такая полезная программа как "notepad", скачать её вы можете отсюда. В ней вам будет очень удобно писать и редактировать программный код. Создайте папку "Mysite" и создайте в ней (с помощью "notepad") файл с расширением ".html". После этого напишите в этом файле вот такой код:
После этого сохраните и откройте этот файл в браузере. Перед вами появится окошко зелёного цвета с большой надписью и парой коротких предложений обычного шрифта. Если вы посмотрите на вкладку, то увидите в ней текст, который написан между тегами <title> </title> – это название страницы.
Теперь немного о структуре. Между тегами <head> </head> пишется название страницы; указывается кодировка (в данном случае – "windows-1251" ); подключаются стили, как для страницы так и для каких-то отдельных компонентов.
В теге "<body>" также подключаются какие-то компоненты и задаются стили. В этом коде задаётся цвет заднего фона (зелёный) можете поэкспериментировать, написав вместо "Green" html-код цвета, например "#E7FFC2", а пройдя на страницу с генератором цветов, вы можете сгенерировать любой цвет, который захотите.
Всё что написано между тегами <body> </body> (тело) будет отображено на экране. В данном коде написан заголовок самого большого формата – это текст, который написан между тегами "<h1> </h1>" для заголовка можно написать стиль, в котором задать цвет текста и его расположения относительно страницы.
Текст (контент страницы ) пишется между тегами <p> </p>.
Так же, между тегами <body> </body> можно размешать картинки, таблицы, блоки, видео, всевозможный ссылки и многое другое, и для всего этого можно написать стиль. О том как делать это и многое другое вы будите постепенно узнавать из уроков html.