Tumblr에 텍스트 상자를 삽입하는 방법

약간의 HTML을 배울 때 인상적인 Tumblr 트릭은 어렵지 않습니다. Tumblr 페이지에서 버튼, 메뉴 및 텍스트 상자를 본 적이 있다면 사람들이 HTML 요소로 추가했기 때문입니다. 웹 페이지에는 두 가지 유형의 텍스트 상자가 있습니다. 일반 텍스트 상자는 한 행으로 구성되는 반면 더 큰 텍스트 영역 요소에는 여러 행이 포함될 수 있습니다. 간단한 HTML 태그를 복사하여 설명 상자에 붙여 넣어 이러한 요소 중 하나를 Tumblr 블로그에 추가하세요.

Tumblr에 로그인하고 톱니 바퀴 아이콘을 클릭하세요. 업데이트 할 블로그 이름을 클릭 한 다음 "사용자 지정"을 클릭하십시오.

아래 표시된 코드를 설명 상자에 붙여 넣습니다.

일반 텍스트 상자를 만드는 HTML 입력 태그입니다. "내 입력"을 텍스트 상자에 표시 할 텍스트로 바꿉니다. 태그는 텍스트 상자 뒤에 빈 줄을 추가합니다.

이전 단계에서 설명한 코드 아래에 다음 코드를 붙여 넣습니다.

이 코드는 높이가 8 행이고 너비가 20 열인 텍스트 영역을 만듭니다. "내 입력"을 사람들이 텍스트 영역을 볼 때 표시 할 텍스트로 바꿉니다. 텍스트 영역의 크기를 다르게하려면 행과 열의 값을 다른 값으로 변경할 수도 있습니다. 변경 사항을 저장하려면 "저장"을 클릭하십시오.

입력 태그에는 값이 20 인 크기 속성이 있습니다.이 값은 브라우저가 텍스트 상자를 20 자 너비로 만들도록 지시합니다. 더 크거나 작은 텍스트 상자를 원하는 경우 해당 값을 변경할 수도 있습니다.

이 예제는 텍스트 영역 위에 일반 텍스트 상자를 배치하는 방법을 보여줍니다. 이러한 상자 중 하나를 표시하지 않으려면 설명 상자에서 해당 코드를 삭제하십시오. 많은 정보를 표시해야 할 때 더 많은 행을 제공 할 수 있기 때문에 대부분의 경우 텍스트 영역을 사용하는 것이 좋습니다.