betacode

Редакторы HTML

View more Tutorials:

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

1- Редактор HTML

HTML это простой текстовый документ, поэтому вы можете создавать HTMLдокументы с помощью простейших текстовых редакторов. В Windows вы можете использовать Notepad, в Mac OS вы можете использовать TextEdit, ... Некоторые более профессиональные текстовые редакторы помогут вам работать визуально и генерировать (generate) для вас HTML коды.
Однако, чтобы хорошо изучить HTML, вы должны выбрать простой редактор. Поэтому я рекомендую вам использовать один из текстовых редакторов ниже:
  • Atom
  • Notepad++
  • Vim
  • Sublime Text
Одним из популярных текстовых редакторов является Atom, и я также предлагаю вам его использовать.

2- Notepad (Windows)

Как я говорил выше, HTML это простой текстовый документ, поэтому вы можете создать его с помощью простейших текстовых редакторов. Если вы используете операционную систему Windows, вы можете использовать​​​​​​​ Notepad, чтобы создать HTML документ.
Откройте окно в операционной системе​​​​​​​ Windows, введите ключевое слово​​​​​​​ "Notepad" в адресной строке (address bar) и нажмите Enter, чтобы открыть​​​​​​ окно​ Notepad.
Cкопируйте содержание HTML ниже и вставьте в Notepad:

<!DOCTYPE html>
<html>
   <head>
      <title>Page Title</title>
      <meta charset="UTF-8">
   </head>
   <body>
     <h1>My First Heading</h1>
     <p>My first paragraph.</p>
     Go to: <a href="https://google.com">google.com</a>
   </body>
</html>
Выберите File/Save чтобы сохранить содержание, которое вы составляете в файл с расширением (extension) это html.
Откройте файл HTML, который был создан:
Используйте браузер, чтобы открыть файл HTML, который вы только создали (Вы можете перетащить данный файл в браузер, чтобы открыть его).

3- Редактор Atom

Atom это бесплатный текстовый редактор с открытым исходным кодом, который поддерживает операционные системы​​​​​​​ Linux, Mac OS, Windows. Он также поддерживает плагины для программирования с NodeJS и встраивания в Git-Control и так далее. Это программное обеспечение было разработано с помощью GitHub.
Atom считается как программное обеспечение для редактирования текста (и исходный код) с современным и простым в использовании интерфейсом наряду с превосходными функциями по сравнению с другими подобными программами. Это причина, почему я хотел порекомендовать его вам.
Вы можете установить Atom по инструкции ниже:
Откройте Atom после того, как вы успешно установили его.
Создайте папку, чтобы сохранить файлы HTML.
В Atom, откройте данную папку как Project:
  • File/Add Project Folder..
Создайте определенный файл HTML в Atom и вы можете редактировать содержание для него.
first-html.html

<!DOCTYPE html>
<html>
   <head>
      <title>Page Title</title>
      <meta charset="UTF-8">
   </head>
   <body> 
     <h1>My First Heading</h1>
     <p>My first paragraph.</p> 
     Go to: <a href="https://google.com">google.com</a>
   </body>
</html>
После того как вы закончите редактирование файла HTML вы можете открыть его напрямую в браузере, или вы можете просмотреть страницу через Atom-Html-Preview.

View more Tutorials:

Maybe you are interested

Это онлайн курс вне вебсайта o7planning, который мы представляем, он включает бесплатные курсы или курсы со скидкой.