분수 입력 사이트 - bunsu iblyeog saiteu

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

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

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

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

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

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

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

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

워드 분수 입력 세 가지 방법

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


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

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

분수 입력 사이트 - bunsu iblyeog saiteu

나. 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 중앙 정렬하기

수식편집기로 네이버 블로그에 분수 입력하기

마 전 지인의 사무실에 들렀을 때 블로그에 분수 넣는 법에 대한 질문을 받았습니다.

슬러시를 사용해서 3/4 식으로 표시하면 된다 말씀드리고 아래와 같은 방법도 함께 알려드렸는데요...

을 입력한 후 키보드에서 한자 버튼을 누르면 저렇게 분수가 나타나긴 하지만,

개수가 9개밖에 없고 / 형태로 표시되어 별 의미가 없습니다. 

분수 입력 사이트 - bunsu iblyeog saiteu

교과서에서 배운 대로 저렇게 표시하는 방법은 없는 걸까요?

분수 입력 사이트 - bunsu iblyeog saiteu

뭔가 방법이 있으니 저도 저렇게 입력할 수 있었겠죠?

분수 입력 사이트 - bunsu iblyeog saiteu

수식을 클릭하면

수식편집기라는 창이 열리는데,

저 부분을 클릭하면 제대로 된 분수를 입력할 수 있어요.

분수 입력 사이트 - bunsu iblyeog saiteu

위쪽 네모를 클릭한 후 분자를 입력하고, 아래쪽 네모를 클릭한 후 분모를 입력하면

저렇게 제대로 된 분수가 만들어집니다.

분수 입력 사이트 - bunsu iblyeog saiteu

또는 아래쪽에 있는 중괄호 안에 숫자를 직접 입력해도 돼요.

저런 식으로 말이죠!

만들어진 분수를 포스트에 삽입하고 싶으면 본문에 넣기 버튼을 클릭하시면 됩니다.

먼진 분수가 만들어졌죠? ^^

수식편집기를 이용해 분수를 입력하실 때 주의사항을 알려드릴게요.

본문에 삽입된 분수는 텍스트가 아닌 이미지 형태이기 때문에 크기 변경을 할 수 없답니다.

분수 입력 사이트 - bunsu iblyeog saiteu

만약 강제로 잡아 늘리면 저렇게 번지게 되죠!

분수 입력 사이트 - bunsu iblyeog saiteu

그럴 때는 분수 이미지를 더블클릭한 뒤

식편집기 좌측 상단에서 폰트 크기를 조절하시면 됩니다.

분수 입력 사이트 - bunsu iblyeog saiteu

수식 편집기를 이용하면 분수뿐만 아니라

분수 입력 사이트 - bunsu iblyeog saiteu
 같은 특수문자도 입력할 수 있어요.