Дадайце спасылку на малюнак у HTML

Аўтар: Christy White
Дата Стварэння: 12 Травень 2021
Дата Абнаўлення: 1 Ліпень 2024
Anonim
Африканская тематика-МЕГА мастер-класс!  #DIY #Африканскийдекор #DIYмаскаизкартона
Відэа: Африканская тематика-МЕГА мастер-класс! #DIY #Африканскийдекор #DIYмаскаизкартона

Задаволены

З дапамогай аднаго радка HTML-кода вы можаце дадаць малюнак, які можна націснуць, практычна на любы вэб-сайт. Каб зрабіць гэта, вам спатрэбіцца дзве рэчы. Вам патрэбен URL малюнка, а таксама URL вэб-сайта.

Крок

Спосаб 1 з 2: Напішыце HTML-код

  1. Стварыце файл HTML. Адкрыйце тэкставы рэдактар ​​і стварыце новы файл. Захавайце файл як index.html.
      • Вы можаце выкарыстоўваць любы тэкставы рэдактар, які хочаце, нават простыя тэкставыя рэдактары Windows (Блокнот) і Mac OS X (TextEdit).
      • Калі вы хочаце выкарыстоўваць тэкставы рэдактар, прызначаны для працы з HTML, націсніце тут, каб загрузіць Atom, тэкставы рэдактар ​​для Windows, Mac OS X і Linux.
      • Калі вы выкарыстоўваеце TextEdit, націсніце меню Фармат перад стварэннем файла HTML, а затым націсніце Зрабіць звычайны тэкст. Гэты параметр забяспечвае правільную загрузку файла HTML у вэб-аглядальніку.
      • Тэкставыя працэсары, такія як Microsoft Word, не вельмі карысныя для напісання HTML, бо яны дадаюць нябачныя сімвалы і фарматаванне, якое можа пашкодзіць файл HTML і зрабіць яго няправільна адлюстраваным у вэб-аглядальніку.
  2. Скапіруйце і ўстаўце стандартны HTML-код. Выберыце і скапіруйце HTML-код ніжэй і ўстаўце яго ў адкрыты index.html.

    a href = "target url"> img src = "url малюнка" /> / a>

  3. Знайдзіце URL вашага малюнка. Знайдзіце выяву ў Інтэрнэце, пстрыкніце яе правай кнопкай мышы і (у залежнасці ад вашага браўзэра) націсніце "Капіяваць URL-адрас малюнка", "Капіраваць адрас малюнка" альбо "Капіраваць месцазнаходжанне выявы"
      • Firefox і Internet Explorer выкарыстоўваюць месца капіравання выявы. Chrome выкарыстоўвае URL-адрас капіравання выявы. Safari выкарыстоўвае копію адраса выявы.
  4. Дадайце URL выявы. У файле index.html націсніце і перацягніце мышшу, каб выбраць URL выявы, затым націсніце CTRL + V, каб уставіць URL.
  5. Дадайце мэтавы URL. У index.html выдаліце ​​мэтавы URL і ўвядзіце https://www.startpage.com.
      • Вы можаце выкарыстоўваць любы URL у якасці мэтавага URL.
  6. Захавайце файл HTML.
  7. Адкрыйце файл HTML у вэб-аглядальніку. Пстрыкніце правай кнопкай мышы на index.html, а затым адкрыйце гэты файл у абраным вамі вэб-аглядальніку.
      • Калі браўзэр адкрываецца, але вы не бачыце выявы, пераканайцеся, што вы правільна напісалі імя файла малюнка ў файле index.html.
      • Калі браўзэр адкрываецца, але вы бачыце HTML-код замест фонавага малюнка, файл index.html захоўваецца ў выглядзе файла .rtf (файл з узбагачаным тэкстам). Паспрабуйце адрэдагаваць файл HTML у іншым тэкставым рэдактары.

Спосаб 2 з 2: Зразумець HTML-код

  1. Зразумець анкерны тэг. HTML-код складаецца з адкрыцця і закрыцця тэгаў. Тэг a href = ""> - пачатковы, а / a> - канцавы. Гэта называецца прывязным тэгам і выкарыстоўваецца для дадання спасылак на вэб-старонку.
    • а кажа аглядальніку стварыць спасылку. HREF - гэта абрэвіятура для спасылкі HTML, = кажа аглядальніку змяніць усё паміж ’ ’ стварыць спасылку. Любы URL можна размясціць паміж двума двукоссямі.
    • / a> паведамляе аглядальніку, што тэг прывязкі зачынены.
    • Пры даданні тэксту паміж a href = ""> і / a> гэты тэкст становіцца спасылкай на вэб-старонцы. Напрыклад: a href = "https://www.google.com"> Google / a> стварае спасылку на Google.
  2. Зразумець тэг выявы. Тэг img> - гэта закрыты тэг. Вы можаце закрыць яго з дапамогай img src = "" /> альбо img src = ""> / img>.
    • img тэг кажа аглядальніку адлюстраваць малюнак. src - скарачэнне для крыніцы, дэ = кажа аглядальніку выдаліць усё паміж ’ ’ і атрымаць малюнак з гэтага месца.
    • /> кажа аглядальніку закрыць тэг выявы.
    • Напрыклад: {samp [} атрымлівае малюнак з гэтага URL-адраса, а потым адлюстроўвае яго ў вэб-аглядальніку.
  3. Выкарыстоўвайце гэты код усюды. Цяпер, калі вы ведаеце гэты код, можаце a href = "target url"> img src = "url малюнка" /> / a> для дадання малюнкаў, якія можна націснуць, на любую вэб-старонку з HTML-кодам.