- Как создать HTML файл
- Что такое HTML-документ
- Инструменты, которые нам нужны
- Шаги по созданию HTML-документа
- Проверьте HTML-документ с помощью браузера
- Спасибо, что дочитали до конца!
- Урок #5 – Работа с файлами и директориями
- Видеоурок
- Создание файлов – «touch»
- Редактирование файла – «nano»
- Создание папки – «mkdir»
- Копирование файлов – «cp»
- Перемещение файлов – «mv»
- Удаление – «rm»
- Действия супер пользователя
- Права доступа
- Создаем файлы в Linux
- Создаем файлы через терминал
- Команда touch
Как создать HTML файл
Файлы HTML определяют структуру веб-страницы. Таким образом, чтобы создать веб-страницу, самый первый шаг — написать для нее файл HTML. В этой статье вы узнаете, как создать HTML-файл с нуля.
Что такое HTML-документ
Документ HTML — это простой текстовый файл с расширением .html или .htm . Между ними почти нет разницы, но .html встречается чаще.
Этот текстовый файл содержит информацию, которую браузеры используют для создания структуры веб-страницы.
Инструменты, которые нам нужны
Теперь вопрос в том, какой инструмент нам нужен для создания HTML-файла.
Самый простой способ — использовать обычный текстовый редактор, например текстовый редактор по умолчанию в вашей операционной системе.
Расширенные текстовые редакторы и IDE, такие как Visual Studio Code, Sublime, Atom или Bracket, могут помочь вам с подсказками синтаксиса и выделением ошибок. Вы можете использовать их для написания сложного HTML-кода и управления им.
Эти расширенные текстовые редакторы можно загрузить и использовать бесплатно, и они доступны для всех популярных операционных систем, таких как Windows, Linux и macOS.
Шаги по созданию HTML-документа
А теперь попрактикуемся. Давайте создадим простой HTML-документ.
- Запустите текстовый редактор по вашему выбору и создайте новый текстовый документ.
- Поместите в него несколько HTML-тегов. Если вы не знакомы с синтаксисом HTML, вы можете скопировать и вставить приведенный ниже код в новый пустой документ. О тегах мы узнаем позже. А сейчас давайте сосредоточимся на создании документа
head> title> A Sample Webpage title> head> body> p> Hello World! p> body> html>
- Когда вы закончите писать код, самое время сохранить документ. При сохранении документа вы можете дать любое имя, использовать .html или .htm в качестве расширения и UTF-8 в качестве системы кодировки символов (если потребуется).
Проверьте HTML-документ с помощью браузера
После сохранения файла мы можем убедиться, что он работает.
Перейдите в место, где вы сохранили файл. Найдя файл, дважды щелкните его, чтобы открыть веб-браузер по умолчанию в вашей операционной системе.
В результате вы должны увидеть пустую страницу с заголовком «Пример веб-страницы» и одним абзацем в ней «Hello World!» .
Спасибо, что дочитали до конца!
Это все что касается создания HTML-файла. Теперь вы можете начать изучать различные HTML-теги и атрибуты, которые мы можем использовать в HTML-документах.
Урок #5 – Работа с файлами и директориями
При помощи терминала вы можете контролировать все файлы и директории (папки) на вашем ПК. За урок мы научимся создавать, редактировать, удалять и выполнять прочие действия над папками и файлами.
Видеоурок
Создание файлов – «touch»
Для создания файлов используется команда touch . Она позволяет создать как один, так и несколько файлов в определенной директории.
touch index.html // Будет создан один файл touch www/index.html // Будет создан один файл в папке www touch www/index.html www/css/style.css // Будет создано два файла в папке www
Редактирование файла – «nano»
В отличии от команды «touch», команда nano позволяет создать один файл в определенной директории и открыть его для редактирования. Если файл существует, то он будет открыт без повторного создания.
nano index.html // Будет открыт один файл (если файла нет, то он будет создан) nano www/index.html // Будет открыт файл в папке www
Создание папки – «mkdir»
Команда mkdir позволяет создать папку в определенной директории. За счет команды можно создать как одну, так и несколько папок одновременно.
mkdir www // Будет создана папка mkdir www/css/user // Будут созданы две папки
Копирование файлов – «cp»
Команда cp используется для копирования файла. При копировании вы можете указать новое имя и новую папку для файла.
cp file.txt www/file2.txt // копирование и изменение имени
Перемещение файлов – «mv»
Для перемещения файлов используется команда mv . Она позволяет переместить файл из одной папки в любую другую.
mv file.txt ../ // перемещение файла на уровень выше
Удаление – «rm»
Для удаления файлов используется команда rm . Она удаляет один или несколько файлов.
rm file.txt // удаление конкретного файла rm file_*.txt // удаление всех файлов, что начинаются на file_ и заканчиваются .txt rm -rf dir // удаление папки с названием «dir»
Действия супер пользователя
Некоторые действия могут быть выполнены от имени администратора. Админ в Linux называется как супер пользователь. Для выполнения действий от имени администратора перед командой нужно прописать ключевое слово sudo (super user do).
Права доступа
При создании файлов или папок от имени администратора, они будут иметь закрытые права доступа. Это означает, что их редактирование или же удаление может быть выполнено только супер пользователем.
Вы можете также менять права доступа используя команду chmod (change modification). Для изменения владельца используйте команду chown (change ownership).
Необходимо оформить подписку на проект, чтобы получить доступ ко всем домашним заданиям
Создаем файлы в Linux
В отличие от Windows, в Linux (как и в macOS) нет контекстного меню для создания файлов в разных форматах. Но их можно создавать из приложений. Это делается довольно просто:
- Открываем программу, в которой нужно создать новый файл (например, офисный пакет LibreOffice).
- Нажимаем на строку «Файл» в верхнем левом углу окна.
- В появившемся списке ищем строчку New и наводим на нее курсор.
- Затем выбираем тип файла в правой колонке и кликаем по ней.
В других программах процесс создания файлов может выглядеть иначе. Например, в стандартном текстовом редакторе из оболочки Gnome 3 нужно:
Создаем файлы через терминал
Если вы не помните путь к папке, где нужно создать новый файл, или хотите создать сразу несколько файлов в одной папке, то лучше сначала войти в нее, а уже потом манипулировать содержимым. Открыть конкретную папку в терминале можно разными способами.
- Можно открыть папку в графическом файловом менеджере. Кликнуть правой кнопкой мыши по пустому пространству, а затем нажать на строчку «Открыть в терминале».
- Можно воспользоваться командами ls и cd .
- ls отображает список файлов и папок в той директории, в которой вы находитесь.
- cd помогает перейти в выбранную директорию.
После того как вы зашли в конкретную папку с помощью команды cd или через графический интерфейс, больше не нужно указывать полный путь к файлу.
Команда touch
Эта команда работает во всех существующих дистрибутивах Linux, но ее задача состоит вовсе не в создании файлов. Изначально она была необходима в системе для изменения временных меток на документах. Если после ввода команды touch указать название несуществующего файла, то она создаст файл с таким названием. Спустя некоторое время ее начали использовать для создания новых файлов, и эта роль за ней прижилась.
Чтобы ее использовать, нужно ввести touch , а следом название нового файла в двойных кавычках.
Файл тут же появится в системе.
Как видите, в файловом менеджере засветился файл hello сразу после того, как мы запустили команду touch
Помимо прочего, с помощью touch можно указать расширение документа. Например, создать не просто текcтовый файл, а скрипт в формате JS или веб-страницу в формате HTML. Для этого просто укажем в названии файла расширение. Как на скриншоте.
Можно проверить созданный документ. Если открыть его в текстовом редакторе, в нижней части интерфейса отобразится тип форматирования. В нашем случае это JavaScript.