slogin.info

ihc 468x60 1 1
< >
Звезда активнаЗвезда активнаЗвезда активнаЗвезда активнаЗвезда активна5 / 5
 
Автор: Администратор
Просмотров: 5122
На этом уроке мы поговорим о том, где и как лучше писать HTML-код, а так же создадим первую страничку.

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

Но это не значит, что стоит использовать Блокнот, как многие советуют, для написания кода и его редактирования. Я посоветую вам пару редакторов, которые организуют правильную табуляцию (отступы вначале строки), подсветку синтаксиса (позволит лучше ориентироваться в коде), некоторые редакторы так же могут предлагать разные варианты дописывания кода за вас. Но в то же время это не будут графические редакторы. Самым лучшим вариантом считаю SublimeText 2, он обладает большинством преимуществ, перечисленных выше. И важно, что распространяется он бесплатно, лишь иногда при сохранении файлов будет выскакивать небольшое окошко, где вас будут просить поддержать проект, но делать это не обязательно, просто закрываете это окошко и работаете дальше. Другой вариант, который я использую сам, так как привык к нему – Dreamweaver, есть целое множество различных версий, но проблема в том, что это коммерческая программа, то есть за нее придется платить. Но самые хитрые из вас могут найти кряки к любой версии и пользоваться ей бесплатно.

Теперь, после выбора инструмента, с которым вам придется работать, я расскажу о том, как собственно создать документ HTML. Рассказ будет вестись о стандартном Блокноте, который есть на всех ОС Windows, как стандартная программа. Создание в аналогичных редакторах кода не слишком отличается, скорее даже упрощается.

Итак, откроем блокнот, вот как он выглядит

2 1

Скопируем туда стандартный вариант первого кода, который будет выводить «Здравствуй, мир!». Пока неважно понимать, что делает каждая из строчек кода, просто скопируйте ее в блокнот:

 

<HTML>
    <HEAD>
        <TITLE> Как создать HTML документ </TITLE>
    </HEAD>
    <BODY>
        Здравствуй, мир!
    </BODY>
</HTML>

 

Вот как это должно выглядеть

2 2

После чего открываем в верхнем меню блокнота, вкладку «Файл», она подчеркнута красным на рисунке сверху. Тут выбираем пункт «Сохранить как…»

2 3

После нажатия на этот пункт перед вами появится новое окно

2 4

Здесь я выделил самые важные моменты красной линией и цифрами. Но сначала выберете место, куда сохранить вашу новую страничку, на ваше усмотрение. Я бы посоветовал создать специальную папку, где вы будете хранить файлы с курса. Теперь по порядку:

  1. В поле №1 вы должны ввести имя нового файла, давайте договоримся, что самая главная и первая страница будет иметь имя «index», важно так же написать расширение файла «.html». В итоге в этой строке у нас должно быть записано «index.html».
  2. В строчке №2 все просто, выбираем «Все файлы».
  3. Важно понимать значение строки №3, она отвечает за кодировку страницы, если вы используете русские символы или буквы, то необходимо поставить кодировку UTF-8, другие просто будут выводить кракозябры, за место нормального текста, они имеют свое назначение, но пока оно нам не важно. В итоге окно должно выглядеть примерно следующим образом, не обращая внимания на то, куда сохранять файл.

2 5

Теперь нажимаем кнопку «Сохранить», на рисунке выше она выделена красной линией. Если открыть файл через любой браузер, при правильной последовательности действий, описанных выше, вы получите следующую картину

2 6

Таким образом, вы можете создать HTML документ через Блокнот, можете попрактиковаться и попытаться поменять код, изменить надписи и посмотреть, что будет происходить при этом со страницей.

< >

Поиск по сайту

Топ 10 активных пользователей

  • Имя пользователя Баллы
  • gawk
    44.20
  • hr@proovelab
    15.00
  • intuit89
    6.00
  • ZOMRO
    4.80
  • Varvarka
    4.00
  • Akyla58
    3.00
  • AnnaOl
    3.00
  • dimasik_3557
    3.00
  • ErcardSa
    3.00
  • Galinamuh
    3.00
 

Рекламные ссылки

IHC

Пожертвования

icon donate

Yandex.Money: 410011571748395

Webmoney:

R362907776401 (Рубли)

Z410919458006 (Доллары)

ihc 468x60 1 1

Последнее с форума

ZOMRO аватар
БЮДЖЕТНЫЕ VDS/VPS У нас Вы можете найти лучшие предложения бюджетных вариантов VDS/VPS: zomro.com/c...
Перейти в тему
ataman_web аватар
hydraruzxpnew4af.onion.loan/ гидра маркет в обход блокировок , пупить можно все...
Перейти в тему
ZOMRO аватар
Лучшее предложение! Тариф VDS/VPS «ADVANCED» Процессор: 3 ядра ОЗУ: 4096 Mb SSD NVMe: 48Gb ОС: Linu...
Перейти в тему

Последние статьи

Javascript функции

Функции - одна из основных концепций языка JavaScript. При этом есть кардинальное отличие от многих языков программирования, в JS каждая функция сама по себе является объектом, а соответственно и манипулировать с ней можно разными способами:

Ссылка на телефон

В этой статье мы рассмотрим простой и обычный способ создания ссылки на телефон.

CPA сети 30.01.2017
CPA сети

Сегодня мы подробно рассмотрим тему зарабатка на своих проектах (т.е. это не обязательно сайты) при помощи CPA сетей.