Как создать сайт с нуля?
Думаю, искусство программировать немногим сложнее других человеческих навыков. Программирование делает вас лучше точно так же, как вам помогают развиваться изучение иностранного языка, математики или чтение книг.
Джек Дорси, бывший CEO «Твиттера»
Появление интернета совершило революцию во всём нашем существовании. Сегодня мы пользуемся сетью, чтобы найти информацию, пообщаться с друзьями, заказать столик в ресторане. Другими словами, интернет стал незаменимой частью нашей повседневной жизни.
В настоящее время в мире насчитывается почти два миллиарда веб-сайтов. У вас пока ещё нет собственной странички в интернете? Так почему бы не сверстать собственный сайт? Используя разные языки программирования (html, css, php и так далее), вы сможете запрограммировать собственную витрину абсолютно самостоятельно!
Лучшие преподаватели по программированию доступны для занятий
Поехали!
Какие языки программирования используются при создании сайтов?
Создать сайт можно разными способами.
Вы можете использовать редакторы веб-сайтов, такие как Wix или WordPress, или самостоятельно собрать свой собственный сайт и купить для него доменное имя. Написание собственного веб-сайта требует некоторых знаний в программировании, особенно в области разработки и компьютерных языков.
Источник: Unsplash
Язык программирования — это своего рода код. Соблюдая правила языка, разработчик может создавать сайты и программы, которые будут включать в себя тексты, картинки, команды и определённый функционал. Но чтобы всё работало, как надо, он должен соблюдать определённую последовательность символов, порядок действий и логику.
Веб-страницы могут быть статическими или динамическими. Со статическими страницами взаимодействовать невозможно — они выполняют только информативную функцию. Это могут быть афиши или информационные листки, меню ресторана или список мероприятий, официальное сообщение или перечень услуг со стоимостью.
Если же пользователь может куда-то нажать: открыть меню, перейти в другой раздел, заполнить форму, то речь идёт о динамической странице.
Чтобы создать веб-сайт, можно использовать несколько языков программирования. Каждый из них создавался в своё время для выполнение определённого функционала. Среди основных языков программирования, которыми пишут сайты, мы можем назвать следующие:
- HTML;
- CSS;
- PHP;
- JavaScript;
- Python;
- MySQL.
Каждый язык используется для выполнения конкретной задачи: для дизайна страницы, её интерактивности и так далее.
Используйте язык HTML для фундамента вашего веб-сайта
Первым языком, который нужно знать для создания веб-сайта, является HTML (Hypertext Markup Language). Этот язык является базой для написания большинства веб-страниц. Его используют для создания структуры сайта, а также для разработки содержания.
Некоторые программисты не считают HTML настоящим языком программирования, поскольку в своей основе он опирается на теги — элементы языка разметки гипертекста.
Грубо говоря, это такие кирпичики, из которых складывается страница. Каждый тег отвечает за свою область: заголовок, список, абзац текста, изображение. Это выглядит так: <имя_тега>…</имя_тега>, например: <h2>Title</h2>.
Научиться работать с HTML относительно легко и вполне доступно новичкам. Начните с этого языка, и вы довольно быстро сможете построить скелет сайта.
Хотите начать программировать с помощью частных уроков с репетитором онлайн?
Язык CSS для внешней оболочки сайта
Однако зачастую простого HTML недостаточно для современной веб-страницы, так как написанный на его основе продукт выглядит слишком примитивно.
На помощь приходят другие языки программирования, с помощью которых можно разработать более сложный дизайн сайта, а также подобрать интересные шрифты, цветовую палитру, выбрать необычное расположение элементов. В частности, с помощью языка CSS вы можете перейти от простого перечня информации на странице к более интересному веб-сайту с комплексной иерархией.
Источник: Unsplash
Этот язык программирования, который расшифровывается как Cascading Style Sheets, используется для изменения внешнего вида сайта и работает в сочетании с HTML.
При написании кода на CSS используются следующие слова и символы: body { background-color: blue; }.
Язык CSS не так уж сложен для изучения. Однако необходимо будет уделить некоторое время наблюдению за созданием веб-сайтов, чтобы полностью понять роль и структуру этого языка.
Используйте язык PHP для создания динамического сайта
Как упоминалось выше, веб-сайт может быть статическим или динамическим. Если речь идёт о статическом, то достаточно простого HTML. В сочетании с CSS он позволит отображать информацию на странице, упорядочивать ее, а также задавать этому какую-то симпатичную форму. Однако такой сайт не предлагает взаимодействия с пользователем.
Однако, если вам нужно, чтобы пользователи каким-то образом работали с сайтом — переходили по ссылкам, смотрели альбомы с фотографиями, клали товары в корзину и так далее, — вам понадобится динамический сайт. Вам также нужна будет база данных для хранения информации, чтобы сайт не отображал сразу всё имеющееся, а выдавал по мере необходимости. Именно язык PHP отвечает за управление этим типом сайтов.
PHP — это серверный язык программирования и используется, в основном, для разработки сайтов и приложений.
Например, пользователь вашего сайта хочет подписаться на вашу рассылку и вводит свой адрес электронной почты в специально отведённое для этого поле. Его адрес не будет виден всем остальным пользователям сайта, он отправится на сервер и будет обрабатываться «за кулисами», где доступ к нему получит непосредственно разработчик.
Таким образом, PHP используется для управления всей невидимой, закулисной, частью сайта, которая нужна для упорядочивания информации и работы с ней.
Эту часть называют бэкэндом, и PHP является основным языком в этой области программирования.
В целом, язык PHP используется для обработки данных во время программирования, которые находятся, например, в какой-то базе данных, скажем MySQL.
Где найти уроки по программированию с частным преподавателем?
Лучшие преподаватели по программированию доступны для занятий
Поехали!
Обучение языку JavaScript для создания интеракций
JavaScript используется в веб-разработке для создания интерактивных страниц. Это уже нечто большее, чем просто обработка данных. Тут может понадобиться анимация — например, всплывающее сообщение с благодарностью за подписку на ньюслеттер. Или, скажем, анимированный курсор, появляющиеся и исчезающие картинки в случае того или иного действия и так далее. Грубо говоря, JavaScript появился, чтобы «сделать веб-страницы живыми». Все программы на этом языке, называемые скриптами, могут встраиваться в HTML и выполняться автоматически при загрузке веб-страницы.
Самим скриптам не нужна какая-то дополнительная подготовка или компиляция — они выполняются сами.
В общем, этот язык используется для того, чтобы пользователь не только знакомился с информацией на сайте, но и как-то взаимодействовал с ним. Этот язык используется не на стороне сервера, как PHP, а на стороне пользователя, поэтому у последнего должно быть установлено соответствующее программное обеспечение. В то же время, чтобы появился новый элемент, пользователю не надо обновлять страницу — всё будет происходить само собой.
Зачем нужен Python?
Python — это, пожалуй, самый быстрорастущий язык программирования на сегодня. Самое главное его преимущество — с него легко начать свой путь в разработке. Он логичен, интуитивно понятен и при этом предоставляет айтишнику огромные возможности.
А вы знали, что YouTube и Instagram полностью написаны на Python?Источник: Unsplash
Python используют всемирно известные компании: так, YouTube и Instagram полностью написаны на этом языке.
Spotify и Amazon пользуются им же для анализа данных и создания рекомендаций. Даже NASA использует Python для некоторых своих систем.
Этот язык, скорее всего, долгое время будет востребованным, так как он идеально подходит для машинного обучения и больших данных. Что касается веб-сайтов, то тут он может вам помочь усовершенствовать ваш продукт, добавив в него множество функций. Он также справится с автоматизацией рутинных задач — сбором ссылок и картинок, адресов электронной почты и так далее.
Несмотря на то, что Python — довольно простой язык для изучения, обилие функций могут вызывать растерянность и лёгкую панику у новичка. Приступать к изучению Python нужно осторожно и постепенно. Есть разные форматы обучения этому языку — можно даже играть в видеоигры.
Как работает MySQL?
Наконец, чтобы ваш сайт полноценно функционировал, вам понадобится определённое место для хранения информации, например, тех же имейлов ваших пользователей.
Для этого вы можете использовать MySQL, реляционную систему управления базами данных, которая является свободным программным обеспечением и вследствие этого стала одной из самых популярных. К тому же, она удобна в использовании.
База данных MySQL хранится на сервере, где с ней связываются клиенты, отправляя запрос и получая взамен информацию. Именно так работают сайты: пользователь делает запрос к базе данных каждый раз, когда входит в личный кабинет, оставляет комментарий или осуществляет поиск.
К сожалению, освоить работу с MySQL дано не каждому, так что потребуется несколько уроков программирования, прежде чем вы сможете предпринять конкретные действия. Не стесняйтесь обращаться за помощью к преподавателю по разработке или другу, работающему в бэкенде.
На каком языке лучше всего писать сайт?
Как вы уже поняли, нет лучшего или худшего языка для создания сайта. Всё зависит от ваших целей и задач, от вашего видения итогового продукта. Обычную информативную страницу без какого-либо интерактива можно легко написать с помощью HTML и CSS.
Базовый сайт, к тому же, потребляет мало энергии, таким образом — более экологичен.
- Если же вам необходим более сложный продукт, придётся воспользоваться помощью PHP. Язык PHP очень широко используется, его особенно любят сайты на WordPress. Другими словами, вы можете разработать свой сайт, используя только WordPress и PHP.
- Если вы хотите интегрировать какую-то игру или элементы игры на ваш сайт, то добро пожаловать к JavaScript. Этот язык вам понадобится также, если вы захотите добавить каких-то интерактивных инструментов на страницу.
- Если вы хотите ещё больше расширить свои знания и усложнить сайт, то можете обратиться к Python и MySQL. Если вы освоите эти инструменты, то на этом уровне можете считать себя настоящим веб-разработчиком и рассматривать эту профессию всерьёз.
Языки программирования можно изучать самостоятельно или на специальных курсах по разработке. Если вам нравится какой-то конкретный сайт, попробуйте разобраться, на каком языке он написан, чтобы вы могли изучить этот язык в первую очередь.
Если вы используете в качестве браузера Chrome, то всё, что вам нужно сделать, это найти кнопку «инструменты разработчика» в меню. При нажатии появится код сайта, и при наведении курсора на какую-то область сайта, вы будете видеть код, на котором она написана.
Вы также можете взять несколько частных уроков программирования с преподавателем, чтобы тот мог показать вам несколько приёмов для быстрого и успешного написания сайта.
Ну что, готовы приступить к созданию своего первого веб-сайта?
Преобразование HTML-сайта в WordPress — Поддержка
На многих различных хостах есть свои пользовательские инструменты для создания веб-сайтов С их помощью пользователи без опыта кодирования вебсайтов с нуля могут создать собственный сайт.
Тем не менее пользователи отмечают, что эти конструкторы веб-сайтов с поддержкой перетаскивания имеют некоторые недостатки. Поскольку это универсальные предложения, им не хватает функциональных возможностей и персонализированности многих современных сайтов.
Кроме того, из-за отсутствия чётких и точных линий, которые иногда создаются при перетаскивании, страница может выглядеть менее профессиональной, а такие сайты не всегда правильно переносятся на мобильные устройства, например телефоны или планшеты.
Переход на WordPress.com может решить эти проблемы, а также повысить уровень профессионализма вашего сайта.
Поскольку многие из конструкторов сайтов с поддержкой перетаскивания и опции только для HTML не предлагают опцию экспорта, вы можете вручную скопировать и вставить содержимое своего сайта, чтобы выполнить перемещение из конструктора на WordPress.com. Это требует времени и усилий, но результат стоит того.
В этом руководстве
Сохранение содержимого
Самым быстрым способом сохранения содержимого в конструкторе сайтов с поддержкой HTML или перетаскивания является сохранение каждой отдельной страницы на своём компьютере.
Для каждой страницы, которую нужно реплицировать, перейдите в раздел Файл > Сохранить страницу как > Веб-страница, завершить
Опция «Сохранить страницу как…» в меню «Файл»Копии все ваших фотографий и записей будут сохранены на дубликате страницы на вашем компьютере.
Кроме того, будут созданы несколько подпапок, где будут находиться ваши файлы:
Сохранение изображений
Если вы используете описанный выше метод для сохранения страниц, изображения будут сохранены, но иногда они будут обрезаны или их размер будет изменён до того, в котором они отображены на веб-сайте. Самым лучшим способом добавить полноразмерные изображения на ваш новый веб-сайт WordPress.com является загрузка оригинальных файлов изображений непосредственно с компьютера.
Создание нового сайта
Если вы ещё не создали свой сайт на WordPress.com, вы можете сделать это, перейдя по ссылке.
Здесь вы получите инструкции по запуску своего сайта. Вы выберете стиль, тему, бесплатный домен и тарифный план. Вы можете изменить свою тему и тарифный план в любое время, поэтому не переживайте о том, что выбрать!
Создание страниц и добавление содержимого
Начните с добавления изображений сайта в Библиотеку файлов. Для этого откройте на своём компьютере папку, где сохранена информация об этой странице и загрузите для неё изображения в формате JPG, GIF или PNG.
- Откройте в браузере (например, в Chrome или Firefox) копию скачанного сайта или действующую версию старого веб-сайта и загрузите страницу, которую хотите воссоздать на сайте WordPress.com.
- Создайте страницу на своём сайте WordPress.com. Чтобы создать первую страницу, на консоли перейдите в раздел Страницы → Добавить.
- Скопируйте основной текст старой страницы и вставьте его на свою новую страницу WordPress.com.
💡
Не нужно копировать и вставлять меню навигации своего сайта. Создание меню сайта WordPress.com и управление им осуществляются в другом расположении. Чтобы узнать больше, см. Меню.
Вот пример того, что вам нужно скопировать на своём старом веб-сайте.
Выше представлен пример страницы, созданной в конструкторе страниц вне WordPress.
Вот пример экрана редактора WordPress.com, демонстрирующий, что нужно скопировать со страницы выше и куда это следует вставить:
Сосредоточьтесь только на добавлении текста и изображений. Если вы обладаете некоторыми навыками кодирования HTML, скопируйте и вставьте немного кодов HTML, но только не все коды, поддерживаемые на сайтах WordPress.com. Щёлкните здесь, чтобы ознакомиться со списком поддерживаемых кодов HTML.
Обратите внимание, что стилизация кода CSS доступна только в плане Premium и выше и находится в отдельном разделе.
Повторите этапы 1, 2 и 3 для всех страниц.
Поскольку предварительная настройка может избавить вас от лишних хлопот во время выбора дизайна общего внешнего вида и оформления вашего сайта, мы рекомендуем сначала создать все страницы.
После того как вы создадите все страницы, переместите все тексты и изображения, можете переходить к этапу 4!
Создание меню навигации
Следующим шагом будет создание меню для вашего сайта! Так пользователи смогут находить большинство страниц на вашем сайте.
Меню сайта с поддержкой перетаскивания.Одним из преимуществ перемещения WordPress.com является возможность быстро настраивать общий вид и делать оформление всего сайта, а не отдельных страниц (как в некоторых конструкторах). Меню можно редактировать в разделе
Внешний вид → Меню или Внешний вид → Редактор, в зависимости от выбранной темы.💡
После создания страница не обязательно должна появиться в главном меню вашего сайта. Вы сами можете выбрать, какие страницы будут отображаться, и создать безупречный внешний вид своего сайта.
Настройка темы
Пришло время установки темы! Тема фактически является общим дизайном и оформлением вашего сайта. У нас есть сотни бесплатных и премиум-тем. Какие-то из них могут напоминать ваш сайт, а некоторые могут выглядеть совершенно по-новому. Независимо от того, хотите вы реплицировать общий вид и оформление своего прошлого сайта или имеете желание попробовать что-то новое, можете быть уверены, что ваш сайт будет иметь безупречный и профессиональный вид.
Если вам нравится текущая тема, перейдите в раздел
Последние шаги
На WordPress.com есть множество дополнительных функций, которые вы можете добавить на свой сайт: от подключения к социальным сетям до видео и монетизации сайта, а также многого другого!
Вы купили домен у своего поставщика услуг хостинга с поддержкой перетаскивания или HTML, который хотите использовать с новым веб-сайтом? Ознакомьтесь с руководством по использованию домена для сайта WordPress.
com.
Если у вас возникнут затруднения, посетите наш сайт по поддержке, чтобы получить необходимые инструкции, и не бойтесь попросить помощи у нас!
Ваша оценка:
Как создать веб-страницу в HTML?
|
svg" 
Системы и т. д. 
Когда 
Как вставить изображение в HTML.
Развитие веб-сайта Техническое обслуживание24 марта 2023 г.
Линас Л.
6 минут Чтение
При создании веб-сайтов с помощью простой в использовании CMS, такой как WordPress, могут быть ограничения на то, куда вы можете добавлять изображения.
Это может быть неприятно, так как может потребоваться вставить на веб-страницу больше, чем просто фоновое изображение. Например, можно добавить логотип веб-сайта в верхний и нижний колонтитулы.
Одним из решений является добавление изображений в HTML-файл темы сайта. Хотя вставка изображений на веб-сайт с использованием HTML требует некоторых базовых знаний HTML, новички все же могут следовать им, поскольку это несложный процесс.
В этой статье показано, как без проблем вставить изображение в формате HTML на ваш веб-сайт. Мы разобьем учебник на шесть шагов с подробными объяснениями и простыми в использовании процедурами.
6 простых шагов для вставки изображения или логотипа в HTML
Существует три способа загрузки и вставки изображений в документ HTML: через FTP-клиент, такой как FileZilla, через файловый менеджер hPanel и через панель управления WordPress.
Для этого урока мы будем использовать второй вариант.
Мы также разберем HTML-код изображения и объясним атрибуты, необходимые для вставки изображения на ваш сайт. Все HTML-теги и синтаксис, упомянутые ниже, также включены в нашу памятку по HTML.
1. Загрузите файл изображения
На этом этапе мы будем загружать файл изображения в каталог public_html веб-сайта WordPress через файловый менеджер Hostinger. Тем не менее, это руководство можно реализовать с помощью любой панели управления и любого типа веб-сайта.
- Войдите в свой hPanel , перейдите в раздел Файлы и нажмите Диспетчер файлов .
- Откройте каталог public_html и дважды щелкните папку wp-admin
- Нажмите кнопку Загрузить файлы в правом верхнем углу строки меню и выберите Файл .
- Выберите файлы изображений, которые вы хотите загрузить. Убедитесь, что имена файлов легко читаются и информативны, так как они будут атрибутом заголовка HTML-изображений. Кроме того, не забудьте добавить тире для разделения слов. Четкие имена файлов изображений также помогают поисковым системам понять их содержание, улучшая SEO сайта.
- Нажмите ЗАГРУЗИТЬ и дождитесь завершения процесса.
Другой способ — добавить изображения через панель управления WordPress. Вот как:
- На панели управления WordPress перейдите к Media — Add New .
- Выберите изображения, которые вы хотите добавить, и дождитесь завершения их загрузки.
Когда дело доходит до лучших форматов изображений, есть две категории на выбор: растр и вектор . JPEG/JPG , PNG и GIF являются некоторыми примерами форматов файлов растровых изображений, а векторы включают PDF , SVG и EPS .
2. Откройте папку с темами
Pro Tip
Поскольку мы будем редактировать HTML-документ, загрузите резервную копию своего сайта, прежде чем вносить какие-либо изменения. Это гарантирует, что никакие данные не будут потеряны, если во время процесса произойдет ошибка.
Для этого шага сначала откройте редактор тем WordPress и HTML-файл, в который вы хотите вставить изображения:
- Из панели инструментов WordPress перейдите к Внешний вид – Редактор тем .
- Выберите тему, которую использует ваш сайт, например, Twenty-Twenty .
- Прокрутите раздел Theme Files и щелкните HTML-файл, в который вы хотите добавить изображение. Например, если вы хотите добавить логотип в заголовок, нажмите кнопку файл header.php .
- Найдите строку, где начинается тег body HTML или
Под первым тегом Тег image встраивает изображения в файлы HTML. Это пустой тег, который включает атрибуты HTML, такие как img src и alt , и не требует закрывающего тега.
Теперь мы разберем другие элементы HTML, необходимые после тега img .
3. Добавьте атрибут img src к изображению
Сокращение от источника изображения, img src — обязательный HTML-атрибут элемента изображения, поскольку он определяет путь к файлу изображения в HTML. Если img src указан неправильно, образ не загрузится.
Существует два способа записи атрибута img src , используя относительный или абсолютный путь. В опции относительного пути источник изображения основан на текущем каталоге или папке изображения.
Этот параметр используется, когда изображение загружается в тот же каталог, что и файл HTML, который вы хотите отредактировать.
Синтаксис относительного пути выглядит следующим образом:
img src="images/file-name.jpg"
С другой стороны, абсолютный путь указывает URL-адрес изображения в качестве его источника. Используйте этот путь, если изображения загружаются через WordPress Media или находятся в другой папке, чем редактируемый HTML-файл.
Синтаксис абсолютного пути имеет следующую структуру:
img src="URL-адрес вашего веб-сайта/имя-папки/имя-файла-изображения.jpg"
В этом уроке мы будем использовать абсолютный путь. В этом случае пример img src для изображения, которое мы загрузили в папку images , будет выглядеть так:
img src="https://yoursite.
com/wp-admin/images/website-logo .png»
Если вы загружаете изображение через носитель WordPress, следуйте этим инструкциям, чтобы найти источник изображения:
- На панели управления WordPress перейдите к Медиа — Библиотека .
- Щелкните изображение, которое вы хотите добавить, затем прокрутите боковую панель, пока не найдете поле URL-адрес файла.
- Нажмите кнопку Копировать URL-адрес в буфер обмена и просто вставьте его в качестве источника изображения.
4. Установите ширину и высоту
Атрибуты ширины и высоты определяют размер изображения, обычно в пикселях. Очень важно всегда устанавливать ширину и высоту изображения. Они определяют, сколько места необходимо для изображения, когда браузер загружает веб-страницу.
Если они не установлены, браузер не сможет определить размер изображения и будет использовать его исходные размеры.
Это может изменить макет веб-страницы и вызвать ошибки при загрузке изображения браузером.
Ниже приведен синтаксис для атрибута ширины с примером измерения:
img width="50px"
В то время как синтаксис атрибута длины выглядит так:
img length="50px"
5. Добавьте атрибут Alt
Атрибут HTML alt позволяет добавлять альтернативный текст или информацию к изображению. Описательный текст необходим, когда изображение не загружается из-за ошибки или медленного соединения. Это также помогает программам чтения с экрана объяснять изображение посетителям с нарушениями зрения.
Кроме того, замещающий текст позволяет поисковым системам понять, о чем изображение, в процессе сканирования. Это увеличивает вероятность появления изображений в результатах поиска изображений и помогает повысить рейтинг вашей веб-страницы.
Не забывайте быть точным при описании изображения и предоставьте ему контекст. Также важно вставить целевые ключевые слова, если это возможно.
Синтаксис атрибута alt выглядит следующим образом:
img alt="insert text here"
6. Сохранить изменения
После ввода всех основных атрибутов и информации в файл HTML код изображения будет выглядеть примерно так:
img src="https://yoursite.com/wp-admin/images/website-logo.png" alt=”логотип сайта”
Еще раз проверьте код, прежде чем нажать кнопку «Обновить файл», чтобы сохранить изменения. Затем перезагрузите веб-сайт, чтобы убедиться, что изменения успешны.
Дополнительный шаг: добавьте ссылку на изображение
При загрузке оригинальных фотографий и изображений на ваш веб-сайт важно добавить настраиваемые URL-адреса или ссылки на них. Вы не хотите, чтобы другие веб-сайты брали и использовали изображения без разрешения, упоминания или обратных ссылок.
Если вы еще не приняли меры, чтобы люди не связывали ваши изображения по горячим ссылкам, встроенные файлы можно отслеживать по URL-адресу изображения. Вставьте URL на Google Image Search , и он отобразит список сайтов, использующих это же изображение.
Просто оберните элемент привязки кодом изображения, если вы хотите связать изображение в HTML. Якорь — это текст, который отмечает начало и конец гипертекстовой ссылки. Он включает в себя открывающий тег a и закрывающий тег /a .
Код изображения с синтаксисом тега привязки будет выглядеть так:
a href="www.yourwebsite.com/image-name.html"img src="file-name.jpg" height="50px" width ="50px" alt="об изображении"/a
Однако, если вы загружаете изображения через WordPress Media, нет необходимости создавать собственный URL-адрес. URL-адрес изображения создается автоматически при загрузке файла.
Заключение
При настройке веб-сайта вы можете столкнуться с некоторыми ограничениями при добавлении изображений на страницу. Системы управления контентом и темы веб-сайтов обычно предоставляют фиксированные параметры для вставки изображений, что может не всем подойти.
Чтобы обойти это, необходимо добавлять изображения с помощью HTML. В этой статье вы узнали, как вставить изображение в HTML, выполнив шесть шагов. Вот резюме:
- Загрузите файл изображения в папку в каталоге public_html сайта с помощью файлового менеджера, предоставленного веб-узлом или WordPress Media.
- Откройте файл HTML, в который вы хотите вставить изображение, и добавьте тег img .
- Включите атрибут img src , чтобы определить источник изображения.
- Добавьте атрибуты width и height , чтобы определить, как браузер должен отображать изображение.
- Вставьте атрибут alt для описания изображения.
