탐구소년

안녕하세요 탐구소년입니다. 최근엔 일이 바빠 마치 블로그가 없는 사람처럼 지내는 시간이 이어졌었는데, 이제 좀 여유가 생겨 블로그 글 게재를 다시 시작하려 합니다. 이번 글에서는 전자책 코딩을 할 때 특정 영역만 글자 크기가 커보이게 만드는 방법을 알려드리려고 합니다. 간만에 쓰는 글이다 보니 가볍게 몸풀기 수준의 내용으로 준비했습니다. 일단 본문을 표시하는 HTML 코드가 아래와 같다고 가정하고 시작하겠습니다. 간단한 코드이므로 설명은 생략합니다(위 코드가 어려우신 경우, 블로그의 다른 글을 참고하시면 좋을 것 같습니다^^). 코드를 전자책 뷰어로 본 결과는 위와 같습니다. 배경색은 눈에 띄게 하기 위해 일부러 조금 푸르게 만든 것이니 신경쓰지 않으셔도 됩니다(원래는 하얀색입니다). 여기에서 두번째 줄..

안녕하세요 탐구소년입니다. 시길(sigil)을 사용해서 전자책 만들기! 의 일환으로 작성하는 'epub 전자책 코딩을 위한 HTML/CSS' 두번째 글입니다. 오늘은 텍스트를 표시하는 HTML 태그들에 대한 내용을 준비했습니다. 태그 : 제목 표시용 태그 제목을 표시할 때 사용하는 태그이입니다. 그러나 꼭 제목을 표시할 때만 사용해야 하는 것은 아닙니다. 단지 일반 텍스트 태그보다 좀 더 진하고 크게 텍스트를 표시할 뿐이죠. 알파벳 h 뒤에 붙는 숫자는 크기를 의미하는데, 1일 때가 가장 크고 6일 때가 가장 작습니다. 아래는 ~ 태그 안에 작성된 코드와 그 결과물입니다. 태그 : 문단 표시용 태그 텍스트를 표시할 때 가장 많이 사용되는 태그입니다. 전자책에 들어가는 일반 텍스트는 모두 이 태그를 사용하..

안녕하세요 탐구소년입니다. 프로그래밍언어인 HTML과 CSS 코딩을 통해 전자책을 제작할 수 있는 프로그램인 시길(sigil)에 대한 글을 조금씩 올리다 보니, 어느 순간부터는 HTML과 CSS의 코딩 방법에 대한 설명을 따로 해야 할 필요를 많이 느꼈습니다. 지금까지는 그때그때 필요한 내용만 설명해가면서 글을 작성했었는데, 점점 그러기가 힘이 들어지고 있거든요. 그래서 앞으로는 시간이 날 때마다 HTML/CSS 언어에 대한 글을 조금씩 올려보려고 하는데요(난이도 최하부터 시작). 오늘은 그 첫번째 게시글로써 HTML에 대한 소개를 먼저 조금 해보려고 합니다. 그럼 바로 시작하겠습니다. HTML이란? - 웹사이트를 나타낼 때 쓰이는 웹 문서를 작성하기 위해 존재하는 고유한 문서 형식입니다. 전자책 또한 ..

안녕하세요 탐구소년입니다. 오랜만에 시길 관련 글을 작성하네요. 여러가지 개인적인 일들로 바쁘기도 했고, 딱히 소재가 생각이 안 나서 글을 거의 안 올리고 지냈는데, 블로그의 성장을 위해 이제부터라도 다시 정신을 차려서 블로그 관리에 힘을 좀 쏟아볼까 생각하고 있는 중입니다. 본론으로 들어가서, 오늘은 시길로 전자책 코딩을 해서 아래와 같은 글상자를 만드는 방법에 대해 기록해보려고 합니다. 이 글상자는 제가 좋아하는 리처드 파인만의 명언 중 하나를 전자책 화면에 표시해 본 것인데요. 붉은 테두리와 밝은 색의 배경색을 통해 명언을 좀 더 빛나보이게(?) 하는 효과를 기대하고 만들어 보았습니다. 이런 식으로 강조하고 싶은 내용을 글상자 안에 넣어두면, 독자로 하여금 책을 읽을 때 해당 메시지가 좀 더 깊게 ..