<pre> 태그를 사용하면 개발자의 포맷 그대로 출력 가능하다.
° © ½ 등 다양한 특수문자를 활용해 문단을 꾸며 보았다!
*저장하고 몽구스에서 실행하자 한글 깨짐 현상이 나타났다.. 열심히 구글링을 해보니
Windows 운영체제는 기본 인코딩 값으로 여전히 euc-kr 방식을 사용하기 때문에, 이 페이지가 UTF-8 방식으로 인코딩 되었음을 알려야 한다더라.
즉 HTML5의 경우,
<meta charset="utf-8">위 코드를 <head> 태그 안에 삽입하여 페이지 언어셋이 utf-8임을 브라우저에 알려야 한다.
따라서 추가하고, 다시 실행하니 한글 깨짐 현상이 사라졌다!
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>특수문자, 태그 연습</title>
</head>
<body>
<h3>산길</h3>
<hr>
<p>
오늘 아침 일찍 산에 올랐다. 아침 온도는 15°이었다. 가지고 간 물의 ½을 마셨다. 한참 올라 가는 도중에 약수터를 가리키는 ↰ 사인이 보였다 불현듯 양두종 님의 산길이란 시에 곡을 붙인 박태준의 가곡♪이 생각이 났다.</p>
<pre>
산길을 간다. 말없이
호올로 산길을 간다
해는 져서 새소리 그치고
짐승의 발자취 그윽히 들리는
산길을 간다 말없이
밤에 홀로 산길을 간다
</pre>
© Copyright(c) byMe All rights reserved. ☎ 010-0000-9999
</body>
</html>
산길
오늘 아침 일찍 산에 올랐다. 아침 온도는 15°이었다. 가지고 간 물의 ½을 마셨다. 한참 올라 가는 도중에 약수터를 가리키는 ↰ 사인이 보였다 불현듯 양두종 님의 산길이란 시에 곡을 붙인 박태준의 가곡♪이 생각이 났다.
산길을 간다. 말없이 호올로 산길을 간다 해는 져서 새소리 그치고 짐승의 발자취 그윽히 들리는 산길을 간다 말없이 밤에 홀로 산길을 간다© Copyright(c) byMe All rights reserved. ☎ 010-0000-9999
위와 같이 홈페이지가 잘 만들어진 것을 확인할 수 있다 :)
'GURU > PYTHON & HTML' 카테고리의 다른 글
| [HTML day 4: 테이블 만들기] <table> (0) | 2022.01.18 |
|---|---|
| [HTML day 3:리스트 작성] <ol>,<ul>,<dl> (0) | 2022.01.14 |
| [HTML day1] hello.html (0) | 2022.01.11 |
| [PYTHON Unit 11: 파이썬 실전] 입장료 계산 프로그램 (0) | 2022.01.11 |
| [PYTHON Unit 11: 파이썬 실전] 2차원 list 다루기 (0) | 2022.01.11 |