HTML in Nuke

https://benmcewan.com/blog/2019/08/12/html-in-nuke/

HTML in Nuke

 

텍스트 스타일링

• 태그 기본 구조
• HTML 태그는 열림 태그(\\u003ctag\\u003e)와 닫힘 태그(\\u003c/tag\\u003e)로 감싸 텍스트를 스타일링합니다.
• 기본 스타일
  • 굵게: <b>굵은 텍스트</b>
  • 기울임: <i>기울어진 텍스트</i>
  • 밑줄: <u>밑줄 텍스트</u>
  • 색상 변경: <font color='cyan'>청록색 텍스트</font>
• 복합 스타일예: <b><i><u><font color='green'>모든 스타일 적용!</font></u></i></b>
• 여러 태그를 중첩하여 스타일을 적용할 수 있으며, 태그 순서에 주의해야 합니다.
• 색상 옵션
  • 기본 색상 이름 사용: red, blue, green 등.
  • Hex 코드 사용: <font color='#ffd700'>골드 텍스트</font>

---

폰트와 크기

• 폰트 변경: <font face='Your Font Here'>사용할 폰트</font>
• 크기 변경: <font size='48'>큰 텍스트</font>
• 예제:
• <font size='40'>큰 텍스트</font> <font color='magenta' face='Comic Sans MS' size='20'>마젠타 색상 Comic Sans</font>

---

라인 브레이크 및 링크

• 라인 브레이크: <br> 태그를 사용해 줄바꿈 처리.
• 하이퍼링크: <a href='URL'>클릭 가능한 링크</a>

---

텍스트 정렬

• 중앙 정렬: <center>중앙 정렬된 텍스트</center>

---

헤딩 스타일

HTML의 기본 헤딩 태그를 제목 스타일로 사용할 수 있습니다.

예:

<h1>헤딩 1</h1>
<h2>헤딩 2</h2>
<h3>헤딩 3</h3

---

이모지

HTML에 이모지를 삽입하거나, CSS를 활용해 크기와 색상을 조절할 수 있습니다.

예:

<font style='font-size:80px; color:yellow;'>😃</font>
<font style='font-size:80px; color:brown;'>💩</font>

---

이미지 추가

이미지를 삽입하거나 백드롭 노드에 이미지를 추가하려면 <img> 태그를 사용합니다.

• 기본 사용법: <img src='image.png' width='30'>
• Nuke 기본 아이콘 활용: 노드 클래스명을 .png로 지정하여 아이콘을 불러올 수 있음.
• 커스텀 이미지 추가: Nuke 환경 디렉터리 또는 전체 파일 경로를 지정해야 함.
• <img src='C:\\\\Users\\\\YourPath\\\\image.png'>

---