본문 바로가기
티스토리 툭탁툭탁

인터넷에서 분수 입력 방법(티스토리 블로그 포함)

by 지구별에 2014. 4. 13.

 

 

인터넷에서 분수 입력 방법(티스토리 블로그 포함)

 

 

지난 시간에는, 워드로 분수 입력 방법 세 가지를 알아 보았는데요

 

인터넷에서도 가끔 분수를 입력할 때가 있습니다.

 

소수점으로 표현하기나 1/2, 3/4 식으로 간단히 표기하기도 하는데, 수학 관련 블로그나 까페를 운영하시는

 

분이라면 인터넷으로 분수 입력하는 방법이 많이 궁금하실 것 같아요.

 

오늘은 인터넷으로 제대로 분수 입력하는 방법을 정리해 보았습니다.

 

 

 

첫번째워드나 액셀에서 만든 분수를 복사해서 쓴다.

 

워드로 분수 입력 방법은 아래를 참고해 주세요

워드 분수 입력 세 가지 방법

 

 

 

두번째, 워드 분수 입력방법에서 본 것과 마찬가지로 html에서 위첨자, 아래첨자 태그를 사용합니다.


  html에서 위첨자는 <sup>내용</sup>
            아래첨자는 <sub>내용</sub>  

 

가. 먼저 분수를 아래처럼 입력 후, html 체크 버튼을 누릅니다.

 

 

 

 

 

 

나. html 작성 화면으로 바뀌면 위첨자에 <sup> 내용</sup>를 , 아래첨자에 <sub>내용</sub>태그를 입력합니다.

 

그리고 다시 html 체크버튼을 해제 하면 원래 글쓰기 화면으로 돌아옵니다.

 

 

 

다. 글꼴이 아래처럼 바뀌어 있습니다.

 

 

  2/6  3/4  a/a+b

 

 

 

 

세번째. 인터넷에서는 아래대로 입력하면 분수가 그대로 출력됩니다.

ALT+0188     ¼

ALT+0189    ½

ALT+0190     ¾

 

단점은 그 이외 숫자를 입력할 수 없다는 것

 

 

 

네번째, 그 외 숫자는 다음 방법을 사용합니다.

 

마찬가지로 HTML 화면에서, 아래 문자를 그대로 입력한 후 HTML을 해제합니다.

 

하지만  IE(인터넷익스플로러) 브라우저에서 제대로 표시되지 않는 숫자도 있습니다. 

 

이때는 구글 크롬 같은 다른 브저우러로 해서 복사해다 쓰는 방법이 있습니다.


  

1/2 → &#189; 또는 &frac12;
1/4 → &#188; 또는 &frac14;
3/4 → &#190; 또는 &frac34;

1/3 → &#8531;
2/3 → &#8532;


1/5 → &#8533;
2/5 → &#8534;
3/5 → &#8535;
4/5 → &#8536;
1/6 → &#8537;
5/6 → &#8538;
1/8 → &#8539; or &frac18;
3/8 → &#8540; or &frac38;
5/8 → &#8541; or &frac58;
7/8 → &#8542; or &frac78;

 

 

 

다섯째, 티스토리 블로그의 경우 화면 상단의 [수식입력] 탭을 선택한다.

 

[수식입력]탭을 누르면 [수식편집기]가 뜨는데요, 분수를 클릭 후 네모 박스 안에 분자, 분모를 입력하면 됩니다.^^

 

 

 

지금은 이 정도로 정리하고, 나중에 분수 입력하는 새로운 아이디어가 생기면 더 추가해보겠습니다.. ^^

 

 

 HTML 기초(태그 작성법, 저장 방법, 대소문자 구별, 서버에 올리는 방법)

 

CSS란? (HTML과 CSS의 차이, CSS 작성법)

 

문서를 연결하는 a 태그 (href, title, target 속성)

 

a: link, a: visited, a: active, a: hover 사용법 자세히 알기

 

이미지를 넣는 img 태그(css로 이미지 중앙 정렬 방법)

 

 text-align 속성으로 정렬하기 (left, right, center, justify)

 

[html/css] table 중앙 정렬하기

 

 

반응형

댓글