탐구소년

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

안녕하세요 탐구소년입니다. epub 전자책 코딩을 위한 HTML/CSS, 세번째 글입니다. 두번째 글을 쓴지 일주일쯤 지난 시점에 세번째 글을 작성하게 되었네요. 오늘은 전자책을 꾸미기 위해 사용하는 태그 몇 가지에 대해 정리를 해보려고 합니다. 긴말 않고, 바로 시작하겠습니다. 태그 : 텍스트 감싸기용 태그 태그는 태그 자체가 가진 기능은 아무 것도 없는 태그입니다. 그러나 특정 영역을 구분짓는 데 곧잘 사용되는 상당히 유용한 태그입니다. 위와 같은 코드에 태그를 사용해 특정 영역을 묶어보도록 하겠습니다. '정말정말' 부분을 묶어주었습니다. 그러나 이렇게만 한다고 해서 전자책의 모습이 달라지는 것은 아닙니다. 현 코드에서 전자책의 모습을 보겠습니다. 정말로 달라진 게 없죠? 그러나 태그에 특정 속성을 ..

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

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