HTML을 이용한 폰트 크기 및 색상 변경

📘

안내

HTML 코드를 활용하여 자기소개서나 역량기술서의 제목의 색상도 변경이 가능합니다.


편집하기 using HTML

강조할 문구가 있다면, 다음 HTML 코드들을 활용하여 편집해주시기 바랍니다.

ℹ️ 코드를 2가지 이상 적용하실 경우에는 ⑧번을 참고하시어 2중, 3중으로 작성해주시면 됩니다.


1️⃣ 굵기(강조)

<strong>강조할 문구</strong>

ex) 강조할 문구


2️⃣ 크기

<font size="숫자">강조할 문구</font>

ex) 강조할 문구


3️⃣ 색상

<font color="색상">강조할 문구</font> 색상은 영어 또는 RGB 코드로 입력합니다.

ex) 강조할 문구


4️⃣ 기울기

<em>강조할 문구</em>

ex) 강조할 문구


5️⃣ 하이라이트

<mark>강조할 문구</mark>

ex) 강조할 문구


6️⃣ 밑줄

<ins>강조할 문구</ins>

ex) 강조할 문구


7️⃣ 취소선

<del>강조할 문구</del>

ex) 강조할 문구


8️⃣ 2가지 이상 적용하기

<strong><mark>강조할 문구</mark></strong>

적용하고자 하는 내용을 2중, 3중으로 중첩해서 작성하시면 됩니다.

ex) 강조할 문구


9️⃣ 정렬

⚠️ 가이드 작성에만 활용 가능하며 공고문 내용 작성에는 보안상 활용할 수 없습니다.

<div style={{ textAlign: "정렬위치" }}>강조할 문구</div>

정렬 기능은 div 태그를 활용합니다.
ex)

강조할 문구

ex)

강조할 문구

ex)

강조할 문구

정렬 위치는 다음과 같습니다.
left : 왼쪽 정렬 / center : 가운데 정렬 / right : 우측 정렬

ℹ️ 일부 채용솔루션 HTML 태그에는 솔루션 이용을 위해 정해진 기본 색상이 존재합니다.

  • b = 파랑
  • strong = 빨강
  • table = 빨강
  • div(첫줄) = 흰색 / div(두 번째 줄부터) = 분홍
  • a = 검정

따라서 다음 태그를 사용하실 경우, 색상도 별도로 지정을 해주셔야 기본 태그의 색상이 작동하지 않습니다.

예) 자기소개서 제목 항목을 검정색 폰트로 굵게 표시하고 싶은 경우

<strong style={{ color: "black" }}>내용</strong>

ex) 내용으로 표기해주시면 됩니다.


편집 예시


🚧

주의사항

HTML 코드는 <코드>로 열고, 슬래시를 포함한 코드 </코드>로 닫아주어야 해당 문구에만 적용됩니다.

<코드>로 열기만 할 경우 <코드> 이후에 쓰이는 모든 문구에 적용 또는 영향을 미치므로, 닫는 코드를 꼭 작성하여 주시기 바랍니다.