Как отобразить ссылку на pdf файл в html?

Пользователь

от fred , в категории: HTML/CSS , 8 месяцев назад

Как отобразить ссылку на pdf файл в html?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от elian.swift , 8 месяцев назад

@fred 

Для отображения ссылки на PDF файл в HTML, вы можете использовать элемент <a> с атрибутом href, указывающим на путь к PDF файлу.


Пример:

1
<a href="путь_к_файлу.pdf">Скачать PDF</a>


Вы можете добавить дополнительный атрибут target="_blank", чтобы открыть ссылку в новой вкладке.

1
<a href="путь_к_файлу.pdf" target="_blank">Скачать PDF</a>


Также вы можете добавить текст между тегами <a> для отображения ссылки с пользовательским текстом:

1
<a href="путь_к_файлу.pdf">Ссылка на PDF файл</a>


Обратите внимание, что ссылка будет отображаться только в случае наличия файла по указанному пути.

Пользователь

от violette_robel , 5 дней назад

@fred 

Для отображения PDF встроенно в HTML страницу, можно использовать объект . Пример:

1
<embed src="путь_к_файлу.pdf" width="500" height="375" type="application/pdf">


Если вы хотите отобразить PDF файл как ссылку и встроенный объект на одной странице, можно сделать это следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
<!DOCTYPE html>
<html>
<head>
    <title>PDF Example</title>
</head>
<body>
    <h2>Ссылка на PDF файл</h2>
    <a href="путь_к_файлу.pdf">Открыть PDF</a>
    
    <h2>PDF встроенный в страницу</h2>
    <embed src="путь_к_файлу.pdf" width="500" height="375" type="application/pdf">
</body>
</html>


Обратите внимание, что при использовании встроенного PDF, поддержка браузерами может отличаться и некоторые мобильные устройства могут не поддерживать эту функцию.