'EPUB 편집 가이드'에 해당되는 글 122건

  1. 2013.12.03 [이미지] 태그 : img
  2. 2013.12.03 [첨자] 태그 : sup, sub
  3. 2013.12.03 [편집] 태그 : del, ins
  4. 2013.12.03 [강조] 태그 : strong(b), em(i), u
  5. 2013.11.28 [인용] 태그 : cite
  6. 2013.11.28 [인용] 태그 : blockquote
posted by 내.맘.대.로 2013. 12. 3. 19:07

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

이미지를 넣을 때 사용하는 태그 <img src="image.png" />


<img /> 태그는 문서에 이미지를 삽입할 때 사용한다. <br />이나 <hr />처럼 닫는 태그 없이 단독으로 사용된다. <img> 태그는 반드시 src="url" 속성과 함께 사용해야 하며 이미지를 표현할 수 없을 때 나타나는 대체 설명인 alt 속성을 함께 사용하는 것이 좋다.  alt는 이미지가 없거나 이미지를 표현할 수 없는 뷰어(브라우저)에서 이미지 대신 보여지기 때문에 이미지에 대한 간단한 설명을 넣는 것이 좋다.


◈ <img ... /> 태그 문법

<img alt="Sample Image" src="http://idpf.org/sites/default/files/epub-logo.gif" />

<p>img 태그는 반드시 src 속성과 함께 사용해야 하며 alt 속성도 적용해야 한다.</p> 


img_style_sample.html


□ 사용 가능한 속성

속성

설명

src

url(필수)

반드시 저정되야 하는 속성으로, 삽입할 이미지의 url을 넣는다.

alt

이미지 설명

이미지를 표시할 수 없을 때 이미지를 대신해서 표시되는 설명

hight

px, %

이미지의 세로 길이

width

px, %

이미지의 가로 길이

border

px

이미지 테두리 두께


반응형
posted by 내.맘.대.로 2013. 12. 3. 18:57

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

첨자를 표현할 때 사용하는 태그

<sup>윗첨자</sup>

<sub>아랫첨자</sub>


책에서 각주나 미주 번호를 넣을 때 윗첨자나 아랫첨자를 사용하는 경우가 있다. 또는 주석 자체를 첨자 형태로 보여주는 경우도 있다. HTML에서는 윗첨자를 표현해 주는 <sup>태그와 아랫첨자를 표현해 주는 <sub>태그를 제공한다. 

<sub>나<sup>는 주석 뿐 아니라 다양한 형태로 사용할 수 있다. E=mc2나 H2O처럼 다양한 표현을 위해 사용할 수 있다.. 


◈ <sup> <sub> 태그 문법

<p>각주<sup>(1)</sup>나 미주<sub>모두 모아서 문서의 맨 끝에다 전부 기재하는 것</sub> 같은 주석은 주로 윗첨자나 아랫첨자를 사용한다.  </p>

<p> (1)각주(脚註, 영어: footnote)는 너무 길어 본문에 기입하기 부적당할 때 사용되며, 대개 기술하는 내용의 출처를 밝히는 데 사용된다.</p>


sup_sub_style_sample.html


반응형

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[링크]에 사용하는 태그 : a  (3) 2014.02.14
[이미지] 태그 : img  (0) 2013.12.03
[편집] 태그 : del, ins  (0) 2013.12.03
[강조] 태그 : strong(b), em(i), u  (0) 2013.12.03
[인용] 태그 : cite  (0) 2013.11.28
posted by 내.맘.대.로 2013. 12. 3. 18:41

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

편집을 표현할 때 사용하는 태그

<del>지우기</del>

<ins>추가</ins>


책을 교정하다 보면 교정부호로 단어를 삭제하거나 추가할 때가 있다. 완성된 책에서는 삭제나 추가  내용을 보여줄 필요가 없지만 때에 따라서는 삭제/추가됐다는 것을 보여줘야 하는 경우가 있다. 이때 <del>과 <ins> 태그를 사용한다. <del> 태그는 단어 중간에 줄이 그어지고, <ins>태그는 단어 아래에 밑줄이 쳐진다. 

이 두 태그를 반드시 편집용으로 사용할 필요는 없다. 단어 중간에 줄을 그어야 할 필요가 있다면 언제든 <del>태그를 사용해도 된다. 


◈ <del> <ins> 태그 문법

<p>del 태그는 <del>문서의 수정이 필요할 때</del> <ins>수정했지만 수정한 내용을 보여주고 싶을 때</ins> 사용한다. del 태그는 문서의 일부를 삭제했음을 표현하고, ins는 del로 삭제한 내용 대신 새로운 내용을 추가했음을 보여주고 싶을 때 사용할 수 있다.</p>


del_ins_style_sample.html


□ 사용 가능한 속성

속성

설명

cite

url

cite="reason.htm"

왜 삭제 혹은 추가가 되었는지를 설명하는 페이지 링크를 넣을 수 있다. 문서에는 표시되지 않는다.

datetime

YYYY-MM-DDThh:mm:ssTZD

삭제 혹은 추가한 날짜를 넣을 수 있다. 문서에는 표시되지 않는다. 


반응형

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[이미지] 태그 : img  (0) 2013.12.03
[첨자] 태그 : sup, sub  (0) 2013.12.03
[강조] 태그 : strong(b), em(i), u  (0) 2013.12.03
[인용] 태그 : cite  (0) 2013.11.28
[인용] 태그 : blockquote  (0) 2013.11.28
posted by 내.맘.대.로 2013. 12. 3. 18:27

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

강조할 때 사용하는 태그

<strong>진하게</strong>

<em>기울임</em>

<u>밑줄</u>


강조 태그는 텍스트를 꾸밀 때 주로 사용한다. <strong>태그는 <b>태그와 함께 글자를 진하게(bold) 표현할 때 사용하고, <em>과 <i>태그를 적용하면 기울임 글꼴이 된다. <u>는 글자에 밑줄을 그어주는데 편집 태그인 <ins>와 유사하지만 쓰임은 다르다. 

이 태그에 CSS를 적용하면 <p> 태그에 스타일 클래스를 쓰는 것보다 간결하게 책을 편집할 수 있다. CSS 클래스로 텍스트를 강조하려면 <p class="txet_bold">강조내용</p> 혹은 <span class="text_bold">강조내용</span>처럼 표현해야 하지만 <strong> 태그에 원하는 스타일을 지정해서 사용하면 <strong>강조내용</strong>으로 간단하게 표현할 수 있을 뿐 아니라 다른 편집자가 CSS나 HTML 내용을 보더라도 편집 의도를 정확히 파악할 수 있어 사후관리에도 좋다.

여기서 <b>태그는 <strong>태그와, <i>태그는 <em>태그와 쓰임이 유사해서 설명을 생략하기로 한다. 


◈ <strong> <em> <u> 태그 문법

<p>HTML에서는 글자를 꾸밀 수 있는 기본 태그를 제공합니다. <strong>진한 글씨</strong>와 <em>기울임</em> 그리고 <u>밑줄</u>은 CSS 스타일을 적용하지 않아도 기본 태그로 표현이 가능합니다. </p>


strong_em_u_tag_style_sample.html




반응형

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[첨자] 태그 : sup, sub  (0) 2013.12.03
[편집] 태그 : del, ins  (0) 2013.12.03
[인용] 태그 : cite  (0) 2013.11.28
[인용] 태그 : blockquote  (0) 2013.11.28
[스타일] 태그 : span  (0) 2013.10.29
posted by 내.맘.대.로 2013. 11. 28. 18:36

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

인용에 사용하는 태그 : <cite> </cite>


<cite></cite> 태그는 문단 내에 영화나 책의 제목이나, 인용, 주석이 필요할 때 사용한다. <blockquote>가 독립된 문단으로 인용할 때 주로 사용한다면 <cite>는 단독으로 쓰이는 경우는 거의 없고 <p>태그 안에서 단어 등을 꾸밀 때 주로 사용한다. <cite> 태그의 기본 스타일은 기울임 글꼴이며 CSS에서 다양한 스타일을 지정할 수 있다.


◈ <span> </span>태그 문법

<p>인용문에는 blockquote<cite>(긴글 인용)</cite>와 cite<cite>(문단내 인용)</cite>태그를 사용합니다. blockquote는 인용할 내용이 많아 새로운 문단으로 인용문을 정리할 때 사용하며 cite는 문단 내에서 짧게 인용하거나 짧은 주석을 달 때 사용하면 편리합니다. HTML5에서 cite는 영화나 책의 제목을 꾸밀 때(the title of a work) 사용하도록 정의하고 있습니다.</p>


<cite>는 이탤릭 태그인 <em>이나 <i>와 기능이 비슷하다. 태그의 용도에 따라 스타일을 적용해서 사용하면 보다 효율적인 편집이 가능하기 때문에 각 태그별 특징을 기억해 두면 유용하다. 

다른 태그의 속성으로 사용하는 cite(url등을 표시해 주는 속성)과 혼동할 수 있으니 주의하기 바란다. 


cite_tag_style_sample.html




반응형

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[편집] 태그 : del, ins  (0) 2013.12.03
[강조] 태그 : strong(b), em(i), u  (0) 2013.12.03
[인용] 태그 : blockquote  (0) 2013.11.28
[스타일] 태그 : span  (0) 2013.10.29
[스타일] 태그 : div  (0) 2013.10.25
posted by 내.맘.대.로 2013. 11. 28. 18:22

내맘대로의 EPUBGUIDE.NET에서 편집자의 의도를 그대로 살려 전자책을 제작해 드립니다.

종이책의 편집 스타일을 최대한 유지하며, 팝업 주석 처리, 이미지 확대 축소 등 전자책의 장점을 반영하여 전자책을 제작합니다. 탬플릿을 사용하지 않고, 책 한권 한권 고유 스타일을 살리기 때문에 전자책에서도 종이책 디자인을 느낄 수 있습니다.

한국출판문화진흥원의 [텍스트형 전자책 제작 지원 사업] 선정 도서는 ‘제작 난이도별 제작비 산정 기준에 근거하여’ 제작 단가를 산정하고, 일정에 맞춰 제작을 해 드리니 많은 문의 바랍니다.

자세한 내용은 여기로: https://www.epubguide.net/notice/309

오래 전 작성된 글은 현재의 Sigil 버전과 차이가 날 수 있습니다. 등록 일자를 확인 하고 1년 이상 지난 글은 변경된 내용이 있는지 확인하시기 바랍니다.

인용에 사용하는 태그 : <blockquote> </blockquote>


<blockquote></blockquote> 태그는 문단 단위의 인용문에 사용한다. 인용문 같은 텍스트 편집은 CSS에서 클래스를 지정해서 사용할 수 있다. 하지만 HTML에서 기본적으로 제공하는 텍스트 편집 태그를 사용하면 태그 정리를 보다 깔끔하게 할 수 있다. 

<blockquote>는 별도의 스타일을 지정하지 않아도 대부분의 브라우저에서 본문 들여쓰기가 적용된다. CSS에서 스타일을 지정하면 다양한 편집 스타일을 적용할 수도 있다.

<blockquote>태그는 HTML과 XHTML에서 사용법이 다르다. HTML에서는 <blockquote> 인용 문구 </blockquote>로 쓸 수 있지만 XHTML에서는 반드시 <blockquote><p>인용 문구 </p></blockquote>처럼 태그 안쪽에 다른 태그를 추가해야 한다. 


◈ <span> </span>태그 문법

<p>인용문에는 blockquote 태그를 사용합니다. blockquote 태그를 사용하면 브라우저에서 기본 설정된 스타일이 적용되어 본문과 구분이 됩니다. 대부분의 브라우저에서 들여쓰기가 자동으로 적용됩니다.</p>

   <blockquote>

       <p>문단 단위의 인용문에 사용</p>

       <p>들여쓰기가 자동으로 적용됨</p>

   </blockquote>


인용에는 <blockquote>와 <cite>태그를 주로 사용한다. <blockquote>는 문단 단위의 인용에 <cite>는 문단 내의 단어나 문장 같은 짧은 인용에 주로 사용한다.


blockquote_tag_style_sample.html


□ 사용 가능한 속성

속성

설명

cite

url

cite="http://ko.wikipedia.org"

인용문이 있는 사이트의 출처를 밝힐 필요가 있을 경우 사용한다. 문서에는 아무런 영향을 주지 않아 실제 링크가 걸리지는 않는다. 


반응형

'EPUB 편집 가이드 > EPUB을 위한 HTML' 카테고리의 다른 글

[강조] 태그 : strong(b), em(i), u  (0) 2013.12.03
[인용] 태그 : cite  (0) 2013.11.28
[스타일] 태그 : span  (0) 2013.10.29
[스타일] 태그 : div  (0) 2013.10.25
[줄바꿈] 태그 : br, hr  (0) 2013.10.24