간단한 HTML 예제: Video, File, Web link
Web Development 2020. 1. 24. 16:35 |반응형
간단한 웹서버용 HTML 문서 작성 예제
2019/10/08 - [Linux] - Build your own web server with Fedora linux - 페도라 리눅스로 간단한 웹서버 만들기
아래 내용으로 index.html 파일을 작성 하고 /var/www/html에 저장 한다.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 | <!doctype html> <html lang="ko"> <head> <meta charset="utf-8"> <title>J.Sean's simple web server</title> <style> a{ text-decoration:none; color:black; } </style> </head> <body> <h1> <br>--- J.sean's simple web server --- <br>OS: Fedora <br>HTTP Server: Apache <br> <a href="https://s-engineer.tistory.com/" target="_blank">Click me to visit J.Sean's blog</a><br><br> Alien 3<br> <video src="./data/Alien.mp4" width="960" height="520" autoplay controls> <track label="Korean" kind="subtitles" srclang="ko" src="./data/Alien.vtt" default></video><br><br> <a href="https://s-engineer.tistory.com/" target="_blank"> <img src="./download/animal.jpg"> </a> <br> <a href="./download/file.zip" download>File (file.zip)</a><br> </h1> </body> </html> |
./data, ./download 디렉토리를 만들고 index.html 내용에 필요한 데이터를 저장 한다.
서버에 접속하면 비디오 플레이어, 웹링크, 파일링크, 사진등이 표시된 웹 페이지가 열린다.
반응형
'Web Development' 카테고리의 다른 글
| Google Chart with MySQL(MariaDB) - 구글 차트 2 (1) | 2022.05.05 |
|---|---|
| Google Chart - 구글 차트 1 (0) | 2022.05.05 |
| 웹페이지에서 JSON 데이터 파싱하고 원하는대로 보여주기 (0) | 2020.01.24 |