Как вставить изображение в возвышенный текст 3
Обновлено: 21.11.2024
Чтобы настроить Sublime Text 3 как Python IDLE, Роми Бомпарт
Сначала установите Sublime Text 3
После установки вам необходимо скачать и установить Anaconda
Anaconda уже устанавливает версию Python, но при желании вы можете установить другую версию. Затем следующим шагом будет установка virtualenv, чтобы контролировать версию Python и версии библиотек/пакетов, которые могут нам понадобиться во время разработки проекта.
- чтобы создать виртуальную среду, откройте приглашение cmd или anaconda, в моем случае я назвал myenv для новой виртуальной среды и указал использовать python 3.5, но опять же вы можете использовать любую версию python, которая вам нужна:
- чтобы активировать virtualenv после успешной установки, выполните:
- Давайте установим пакеты в эту виртуальную среду.
- активировать виртуальную среду
>> import numpy >>> print (numpy.__version__) 1.15.4 ``` — теперь все работает очень хорошо. Хорошо, давайте перейдем к следующему шагу. ">
Итак, мы получили Sublime Text 3 на шаге 1, мы получили anaconda и python на шаге 2, и мы создали виртуальную среду на шаге 3. Шаг 4 заключается в написании кода в Sublime Text 3 и получении правильной среды. для развития наших проектов.
- Создание первого проекта. Я рекомендую использовать проекты, потому что это упрощает пользовательскую настройку проекта. Давайте откроем Sublime Text 3, перейдите в Project > Save project As, затем введите имя и сохраните файл в новой папке. Например, я создал папку myproject, а имя проекта — my_env_project. В папке у вас должно быть два файла: файлы расширения .sublime-project и .sublime-workspace.
- Мы собираемся перейти в «Проект» > «Редактировать проект» и настроить путь virtualenv для интерпретатора Python:
Предыдущий шаг помогает настроить версию virtualenv myenv для Python. Если вам нужно использовать другую виртуальную среду, я рекомендую вам создать новый проект и изменить пути к путям вашей виртуальной среды.
Для завершения установите Jedi, Anaconda и SublimeREPL.
- Откройте настройки > Управление пакетами и напишите install package. Появится новое окно запроса.
- Написать Jedi, установить
- Повторите шаг 4.4.1, а затем установите Anaconda.
- Повторите шаг 4.4.1, а затем установите SublimeREPL.
Настройте Jedi, перейдите в настройки пакета > Jedi > Раскладка клавиатуры — по умолчанию.
- Найдите строку: "command": "sublime_jedi_params_autocomplete", "keys": ["("] и измените ее на "command": "sublime_jedi_params_autocomplete", "keys": ["ctrl+("], это потому что вы не сможете использовать открывающую скобку '(', я не уверен, почему она изначально была такой.
- В настройках пакета > Jedi > Пользовательские настройки:
Настройте SublimeREPL, перейдите в «Настройки» > «Просмотреть пакеты». , окно проводника покажет вам папку, в которой установлен SublimeREPL, но нам нужно перейти в SublimeREPL > config и открыть Python\Main.sublime-menu в редакторе sublime text 3.
- Добавьте следующий код и конец словаря:
Настройте систему сборки. На самом деле он уже был настроен как «Anaconda Python Builder». Если вы перейдете к шагу 4.2, мы создали новую систему сборки специально для этого проекта, ни один другой проект не будет иметь доступа к этой системе сборки. Послушайте, это потому, что нам нужен специальный интерпретатор Python для этого проекта. Обратите внимание, что мы назвали -> name: "Anaconda Python Builder". Таким образом, перейдите в меню "Инструменты" > "Сборка системы" и нажмите "Anaconda Python Builder", если вы хотите запустить скрипт Python.
Давайте попробуем запустить conde в возвышенном тексте. 3. Добавьте новый файл в свой проект, но сначала выберите View > View Side Bar. Вы увидите, что в вашем проекте уже есть папка с именем, заданным на данный момент, чтобы сохранить имя проекта на шаге 4.1. Новый файл будет сохранен по тому же пути.
У меня есть животрепещущий вопрос по добавлению изображений в html-код. Я заметил, что мы можем добавлять только изображения в html, которые доступны только онлайн. Но что, если я хочу добавить изображения в код/веб-сайт, которые находятся в папке моего ноутбука, но не в сети, как мне это сделать? Возможно ли, так как я хочу работать с изображениями, которые я лично снял.
Ответ 55ca2aebd3292fa33f0006f2
Привет! Таким образом, мы бы сделали это, перейдя в любую папку, в которой находится ваше изображение. (Например, предположим, что мое изображение находится в папке с надписью «Мои фотографии»). Я нахожу изображение, которое хочу использовать (назовем его Random_Pic). ). Затем я щелкну правой кнопкой мыши Random_Pic, выберу «Свойства» и узнаю, какой это тип файла (скорее всего, это будет jpg, jpeg, png или ping) (скажем, у меня Random_Pic.ping). Затем я бы использовал тег изображения следующим образом.
Это должно отобразить изображение.
Важное примечание. Это не будет работать в редакторе Codecademy. Для большего контроля над написанием кода загрузите Notepad++.
(Не поймите меня неправильно, Codecademy — это здорово.Просто их редактор не самый лучший для игры с кодом)
3 комментария
Кристофер Млалази, более 6 лет
HeIIo более 6 лет
Позвольте мне исследовать это для вас. Я свяжусь с вами, когда разберусь
Кристофер Млалази, более 6 лет
Круто, это будет оценено по достоинству. Я очень заинтересован в этом.
Ответ 55ca2cefe39efed1bd00006e
9 комментариев
Кристофер Млалази, более 6 лет
Кто-то также сказал, что это правильный путь, но если веб-сайт обмена фотографиями выйдет из строя или будет удален, это означает, что все мои фотографии на любом веб-сайте, на который я бы их связал, тоже исчезнут. Интересно, какое лучшее приветствие этому, потому что я действительно хотел бы использовать изображения прямо со своего рабочего стола, но теперь есть проблема, что они не будут видны на www, а могут использоваться только локально. Знаете, теперь это меня сдерживает.
Кристофер Млалази, более 6 лет
О, я загрузил текстовые редакторы, возвышенный текст, Atom и Text Wrangler. Я все еще экспериментирую с ними, чтобы выбрать тот, которым я доволен.
HeIIo более 6 лет
Привет! Я скачал картинки для веб-сайта кексов, но по каким-то причинам это не сработает, когда я попытаюсь поместить их в возвышенный текст (извините за мой английский, я француз и ничего не знаю о веб-лексике!). Изображения просто не отображаются на странице сайта. Я уже дважды проверил, и я сделал все хорошо. Как это исправить?
15 ответов
Энтони Завин
Энтони Завин
Вы добавили тип изображения? (AKA .jpg, .jpg, ect) Кроме того, возможно, вы не указали имя файла перед именем изображения.
Кэролайн Нарбонн
Кэролайн Нарбонн
Да, я добавил тип. Я написал им так: И это все еще не работает. Также, когда я открыл папку с картинками сбоку, там было написано ".zip", это нормально?
Ямиль Роза
Ямиль Роза
Привет, не так давно я закончил работу над веб-сайтом "Smells Like Bakin'". Не забудьте закрыть тег «img». Все должно быть включено, скобки и все такое.
Кроме того, если изображения находятся в отдельной папке с именем: "img", важно указать "img/logo.jpg". Используя «/», браузер знает, что нужно искать изображение в отдельной папке. Замените "logo.jpg" именем файла изображения, которое вы хотите использовать.
Надеюсь, это поможет!
Кэролайн Нарбонн
Кэролайн Нарбонн
Это именно то, что я сделал, поэтому я не понимаю! Спасибо за помощь
Ямиль Роза
Ямиль Роза
Хммм. у вас есть программа для распаковки файлов? Потому что после того, как вы откроете zip-файл, вы должны создать новую папку на рабочем столе или в любом другом месте и перетащить файлы из zip-файла в файл, который вы создали на своем рабочем столе.
Райан Карсон
Райан Карсон
Не могли бы вы поместить код, который не работает, в сообщение на форуме? Просто нажмите «Изменить» в исходном сообщении. Так мы сможем увидеть, что с ним не так.
Кэролайн Нарбонн
Кэролайн Нарбонн
Все мои коды изображений не работают. Например, у меня есть это: Мои изображения находятся в папке с именем img, но я должен написать web/img/logo.jpg или просто img?? Спасибо
Ямиль Роза
Ямиль Роза
Где находится html-файл, который вы редактировали? Это в папке где картинки? Допустим, вы поместили их в папку с именем: «проект», и ваш html-файл находится там, если ваши изображения также находятся в имени файла «проект», вам нужно только поместить «logo.jpg» в ваши теги img. Но если файлы img находятся в отдельной папке ВНУТРИ папки с именем «проект», то вы должны указать: «img/logo.jpg». Таким образом, он знает, что изображения находятся в отдельной папке ВНУТРИ папки, в которой находится ваш html-файл.Лол, надеюсь, это не слишком запутанно.
обновление: только что заметил, что Майя прекрасно решила эту проблему.
Кэролайн Нарбонн
Кэролайн Нарбонн
Спасибо! Я на самом деле лучше понимаю ваше объяснение, но спасибо вам обоим! Так что теперь по некоторым причинам некоторые из моих изображений появляются, а другие нет. Я работаю над этим! Большое спасибо
Ямиль Роза
Ямиль Роза
Нет проблем, вы на самом деле становитесь лучше, устраняя неполадки, так что продолжайте в том же духе!
Кэролайн Нарбонн
Кэролайн Нарбонн
Это правда! Последний вопрос: Все картинки работают, кроме первых двух, почему так? Они пишутся точно так же и в названии файла нет ошибки.
В какой-то момент все сталкиваются с HTML. Если вы не знакомы с HTML, это не проблема. С его помощью вы по-прежнему можете легко вставлять изображения в запись блога или на веб-страницу. На самом деле, это не так уж и сложно, если вы понимаете несколько основных принципов. Вот руководство, которое поможет вам. Чтобы все упростить и избежать путаницы, я выделил HTML-теги цветом, чтобы вы могли их различать.
Как вставить изображение с помощью HTML
Каждый пользователь может пройти этот этап разными путями, поэтому не удивляйтесь, если ваш маршрут будет отличаться от других.
1. Загрузите свое изображение
Этого можно добиться с помощью службы хостинга изображений, службы FTP или службы хостинга блогов. Выберите то, что лучше всего подходит для вас.
Начните вставку, загрузив изображение.
2. Откройте документ HTML
Это говорит само за себя, просто убедитесь, что это HTML-документ для места, куда вы хотите вставить изображение.
3. Скопируйте и вставьте URL вашего изображения в тег IMG, добавьте к нему SRC
Сначала определите, где вы хотите поместить свое изображение в HTML, и вставьте тег изображения, . Затем возьмите загруженное изображение, скопируйте URL-адрес и поместите его в параметры img с префиксом src.
Конечный результат этого шага должен выглядеть следующим образом:
4. Добавьте атрибут alt и последние штрихи
Это помогает понять, что изображено на изображении. Например, если это изображение зонтика на пляже, напишите тег alt, чтобы добавить что-то о пляжном зонтике. Будьте очень описательными, как будто вы описываете это кому-то, кто не может на это смотреть.
HTML-атрибут alt важен.
Как поместить изображение в каталог в HTML
Если у вас есть веб-сайт и вы пытаетесь вставить изображение в каталог, этот процесс относительно прост. Вот как это делается в три простых шага:
- Скопируйте URL-адрес изображения, которое вы хотите вставить.
- Затем откройте файл index.html и вставьте его в код img. Пример:
- Сохраните файл HTML. В следующий раз, когда вы откроете его, вы увидите веб-страницу с новым добавленным изображением.
Как связать изображение в HTML
Связывание изображения в HTML требует еще нескольких шагов, особенно если вы хотите изменить определенные атрибуты и детали. Вот полное пошаговое руководство, которое охватывает все, что вам нужно. Вы начнете с тега ссылки, то есть . href — это место, где вы разместите URL-адрес. Далее вам понадобится тег изображения, то есть . Как указано выше, src — это то место, куда вы будете включать файл изображения.
Теперь, чтобы изменить атрибуты, вам нужно знать следующее. Во-первых, атрибут title — это title = «(ваш заголовок)». Затем установите атрибут alt, который подробно объясняет изображение. Наконец, установите высоту и ширину вашего изображения. Используйте код .
HTML — довольно простой язык, но ничего страшного, если вы не хотите изучать его подробно. Просто убедитесь, что у вас есть основы, чтобы вы могли выжить при создании цифровых работ.
Кейси Шмидт – контент-менеджер и эксперт отрасли DAM | Песнь
Кейси – эксперт по управлению контентом и брендингу, которому нравится поднимать сложные темы и делать их понятными для читателей.
Читайте также: