Как отобразить ссылку на pdf файл в html?
2 ответа
@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> |
Обратите внимание, что ссылка будет отображаться только в случае наличия файла по указанному пути.
@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, поддержка браузерами может отличаться и некоторые мобильные устройства могут не поддерживать эту функцию.