HTML-дегі кескінге сілтеме қосыңыз

Автор: Christy White
Жасалған Күн: 12 Мамыр 2021
Жаңарту Күні: 1 Шілде 2024
Anonim
SKR Pro v1.x - Klipper install
Вызшақ: SKR Pro v1.x - Klipper install

Мазмұны

HTML кодының бір жолымен сіз кез-келген веб-сайтқа нұқылатын суретті қоса аласыз. Бұл жұмысты жасау үшін сізге екі нәрсе қажет болады. Сізге сурет үшін URL мекен-жайы және веб-сайттың URL-мекен-жайы қажет.

Басу үшін

2-ден 1-әдіс: 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 мекенжайын таңдау үшін басып, сүйреңіз, содан кейін URL мекен-жайын қою үшін CTRL + V пернелер тіркесімін басыңыз.
  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> - соңғы тег. Бұл анкерлік тег деп аталады және веб-параққа сілтемелер қосу үшін қолданылады.
    • The а шолғышқа сілтеме жасау керектігін айтады. The href HTML сілтемесінің аббревиатурасы болып табылады = браузерге бәрін өзгерту керектігін айтады ’ ’ сілтеме жасаңыз. Кез-келген URL мекен-жайын екі тырнақшаның арасына қоюға болады.
    • The / a> браузерге якорь тегінің жабық екенін айтады.
    • Арасына мәтін қосқанда a href = «»> және / a> бұл мәтін веб-парақтың басылатын сілтемесіне айналады. Мысалы: a href = «https://www.google.com»> Google / a> Google-ге сілтеме жасайды.
  2. Кескін тегін түсіну. Img> тегі - жабық тег. Оны img src = «» /> немесе img src = «»> / img> көмегімен жабуға болады.
    • The имм тег браузерге кескінді көрсетуге мүмкіндік береді. The src - дереккөздің аббревиатурасы, де = браузерге арасындағылардың бәрін жою керектігін айтады ’ ’ суретті сол жерден шығарып алыңыз.
    • The /> шолғышқа кескін тегін жабуды айтады.
    • Мысалы: {samp [} суретті сол URL-ден алады, содан кейін оны веб-шолғышта көрсетеді.
  3. Бұл кодты барлық жерде қолданыңыз. Енді сіз бұл кодты білесіз, сіз жасай аласыз a href = «target url»> img src = «сурет url» /> / a> кез келген веб-параққа HTML коды бар басылатын суреттерді қосу үшін.