quantumcode

html 속성 중 dir이라는 속성이있다. direction을 의미하며 속성 값은 dir="ltr" 또는 dir="rtl"입니다. ltr 은 left to right 이고 rtl 은 right to left입니다. 즉, 요소의 정렬이 왼쪽에서 오른쪽으로 정렬하거나 오른쪽에서 왼쪽으로 정렬할때 사용된다. 왼브라우저는 기본 왼쪽 상단에서 오르쪽으로 정렬이 되며 기본 default left to right 입니다. html : ltr 적용시 : rtl 적용시 :

viewport ( 뷰포트 ) 뷰포트 meta 태그 ( meta tag : 브라우저의 화면 설정과 관련된 정보를 제공합니다. ) 모바일 웹페이지의 특정한 정보를 제공합니다. 예 ) width : 화면의 너비 예시 - ​​width = 240 , width = device-width height : 화면 높이 예시 - ​​height = 240 , width = device-height initial-scale : 초기 확대 비율 예시 - ​​initial-scale = 2.0 user-scalable : 확대 및 축소의 가능 여부 예시 - ​​user-scalable = no minimum-scale : 최소 축소 비율 예시 - ​​minimum-scale = 1.0 maximum-scale : 최소 축..

html 특수문자표 출력 html 문서에 마크업 작업 시 띄어쓰기를 사용할 때 스페이스바를 사용하는 경우가 있는데 아래 와 같이 한번 띄어쓰기의 경우 정상 작동하지만 두번 이상 띄어쓰기를 할 경우 나머지 공백은 삭제 됩니다. html 띄어쓰기 확인하기 출력 : html 띄어쓰기 확인하기 html 띄어쓰기 확인하기 출력 : html 띄어쓰기 확인하기 두번 이상 띄어쓰기를 할 경우 html 특수문자 사용해야합니다. html 띄어쓰기 확인하기 출력 : html 띄어쓰기 확인하기 이 외에 다양한 html 특수문자에 대하여 알아 봅시다. &(ampersand) & !(exclamation) ! #(number sign) # ⓒ(copyright sign) © 아래 주소에서 특수 문자 테스트를 테스..

시멘틱 태그 ( samactic tag )는 태그 자체의 이름으로도 특정기능을 설명할 수 있는 태그로 코드를 입려하는 작성자가 직관적으로 태그의 기능을 알 수 있는 장점도 있지만 브라우저 엔진 및 검색엔진이 해당 태그를 인지하여 브라우저의 기능을 향상 시키는 역할도 한다. 대표적인 시멘틱 태그 종류 header - ​헤더를 의미 nav - ​내비게이션을 의미 aside - ​사이드에 위치하는 공간을 의미 section - ​여러 중심 내용을 감싸는 공간을 의미 article - ​글자가 많이 들어가는 부분을 의미 footer - ​푸터를 의미 아래 링크에서 더 많은 시멘틱 태그를 확인 하실 수 있습니다. https://www.w3schools.com/tags/default.asp HTML Referenc..

select box를 사용하다 보면 아래 와 같이 해당 설렉터의 카테고리를 지정하고 해당옵션을 선택할때는 카테고리 명을 사라지게 하는 기능을 사용해야하는 경우가 있습니다. 즉, input 의 text type에서 placeholder 처럼 입력 전 표시하고 포커스가 되면 해당 입력값은 사라지는 것 처럼 말이죠. tag에 직접 아래와 같이 작성 할 수 있습니다. selected : 초기 선택 hidden : 안보이게 disabled : 비활성화 family naver daum kakao