[Dev]HTML

와 차이 width=”80px”: CSS 단위(px)가 포함된 문자열 이는 HTML 속성이 아닌 스타일 속성처럼 해석될 수 있으며, 일부 브라우저나 상황에서는 무시되거나 예상치 못한 결과를 낼 수 […]

💰 통화 관련 이모지 💱 통화 교환 💲 달러 기호 💴 엔화 💶 유로화 💵 달러 지폐 💷 파운드 🪙 동전 🏦 은행 🔐 보안/기기 […]

다양한 화면 크기와 디바이스(PC, 태블릿, 스마트폰 등)에 맞춰 웹사이트의 레이아웃과 콘텐츠가 자동으로 조정되도록 설계하는 웹 디자인 기법입니다. 🔹 반응형 웹 디자인의 핵심 요소 1. 유동적인 […]

HTML 이메일의 특성과 이메일 클라이언트의 보안 정책을 고려해야 합니다. 일반적으로 다음과 같은 제약 사항이 있습니다: ❌ 사용이 제한되는 요소: ✅ HTML 이메일 작성 시 권장 […]

이 CSS 규칙이 적용되면, 하위 메뉴가 있는 네비게이션 항목의 링크(a 태그)의 앞에 작은 아이콘이 추가됩니다. 이 아이콘은 유니코드 문자 \f105으로 정의되며, ‘굴림체’ 폰트를 사용하고 200의 […]

javascript 텍스트가 길면 .. 으로 표현 방법 CSS 텍스트가 길면 .. 으로 표현 방법 div에 contenteditable=”true” 속성을 추가하여 사용자가 텍스트를 직접 편집할 수 있도록 만들었습니다.이 […]

피그마(Figma)는 웹 기반의 그래픽 디자인 및 프로토타이핑 툴입니다. 사용자 인터페이스(UI) 및 사용자 경험(UX) 디자인을 위해 주로 사용되며, 그 외에도 그래픽 디자인, 앱 디자인, 웹사이트 디자인 […]

Overview : 하얀 공백 처리 방법 참조 ; https://developer.mozilla.org/en-US/docs/Web/CSS/white-space

Remark : shortcut icon 세팅 방법 1.Chrome 텝에서 shortcut icon 표시 2. html 적용예시 이미지 크기 : 16 X 16 픽셀

손모양 커서 태그 내 cursor 속성 cursor 모양 보기 style=”cursor:auto” auto style=”cursor:crosshair” crosshair style=”cursor:default” default style=”cursor:pointer” pointer style=”cursor:move” move style=”cursor:e-resize” auto style=”cursor:ne-resize” ne-resize style=”cursor:nw-resize” nw-resize […]

ime-mode:disabled;text-transform:uppercase; 둘다 사용하면 한글 변환이 되지 않고 영문 대문자만 입력

. Html5 에서 javascript 없이 이 입력창을 작성 하세요 라고 나옵니다.

ime-mode: auto; //한영모드 ime-mode: active; //기본적으로 한글이 입력 ime-mode: inactive; //기본적으로 영문이 입력 ime-mode: disabled; //한글로 변환하지 않고 영문만 입력 가능 //아이디와 비밀번호는 한글이 허용되지 […]

Text alignment Font weight and italics 속성 description text-dark 글자 진하게 font-weight-bold 글자 굴게 navbar-expand nav 널게 border border-primary border 그리기 text-uppercase 대분자로 py-1 m-0 […]

border-collapse 속성은 테이블 테두리를 단일 테두리로 축소해야 하는지 여부를 설정합니다. border-collapse:collapse; > 흰 테두리 보임 border-collapse: collapse; 스타일은 HTML에서 테이블의 테두리를 설정할 때 사용됩니다. 이 […]

Hr Tag Attributes align : left center right noshade : dashed dotted size width

Remark : 글자간 폰 지정

Remark : 글자 다음 틈이 생기는 문제 해결 Case 2 : 이미지 사이 틉이 생기는 문제