한글을 표현 할 수 있는 문자 인코딩 방식 중 많이 쓰는 것은 EUC-KR와 UTF-8가 있습니다.두 인코딩은 완성형 방식과 조합형 방식이라는 차이가 있습니다 EUC-KR - ex) 안 녕 하 세 요UTF-8 - ex) ㅇ ㅏ ㄴ ㄴ ㅕ ㅇ ㅎ ㅏ ㅅ ㅔ ㅇ ㅛ 무슨 뜻이냐하면 EUC-KR 경우에는 완성된 단어가 있어야만 표현이 됩니다. UTF-8의 경우에는 모음 자음으로 나누어져서 조합을 통해 글자가 완성되어 표현이됩니다. 이런 차이 때문에 EUC-KR의 경우 완성된 문자가 없을 경우에는 한글이 깨져 보일 수 있십니다. 요즘에는 이런 차이 때문에 UTF-8 방식을 많이 사용하고 있습니다. 문자 인코딩에 대해 더 자세한 내용은 위키 피디아에서 확인 할 수 있습니다https://en.wikipedia.or..
모바일 기기에서 input 선택시 확대 될 때모바일 기기에서 웹페이지를 이용할 때 input 태그를 클릭하면 확대가 되는 효과가 있습니다.이 확대되는 효과를 없애고 포커스만 가도록 하는 방법은 viewport 메타 태그에 있습니다. 방법은 아주 단순한데 viewport 메타 태그에 user-scalable=no 속성을 추가해주시면 됩니다. 모바일 기기에서 media쿼리 적용이 안 될 때viewport는 화면에 나타나는 브라우저의 크기를 나타낸다.위의 문구를 입력하지 않으면 width값이 980px로 설정된다. 데스크탑의 브라우저는 창의 크기를 조절할 수 있어 미디어쿼리가 적용되지만 모바일의 브라우저는 창크기를 조정할 수 없어 980px 이하의 미디어 쿼리가 적용되지 않는다.width=device-widt..
inline 속성과 block속성 - inline 속성 : 안에 있는 값만큼만 공간을 차지, inline속성을 height값을 가지지 않는다 - block 속성 : 한줄을 만큼의 공간을 차지 display: inline - 해당하는 엘리멘트를 inline 속성으로 바꿈 display: block; - 해당하는 엘리멘트를 block 속성으로 바꿈 display: inline-block - 해당하는 엘리멘트를 inline속성과 block 속성을 가지게함 - 높이값도 가지고 안의 내용만큼만 공간차지background url background: url(../img/header_bg.jpg) center top repeat-x;div에 원하는 이미지를 넣을 수 있다. center 속성은 이미지의 가운데 부분을 ..
DOCTYPE(DTD, 버전 지정)DOCTYPE은 마크업 언어에서 문서 형식을 정의합니다. 이는 웹 브라우저에 우리가 제공할 HTML 문서를 어떤 HTML 버전의 해석 방식으로 구조화하면 되는지를 알려줍니다. (HTML은 크게 1, 2, 3, 4 , X-, 5 버전이 있습니다) 현재의 표준 모드는 HTML5입니다 Document type declaration TITLEHTML 문서의 제목을 정의 웹 브라우저 상에서 탭 부분에 나타나집니다. 티스토리 META(웹 페이지의 정보)HTML 문서에 관한 정보를 입력하는 곳입니다표시방식(인코딩), 제작자, 내용, 키워드 등을 입력합니다 charset - 문자인코딩 방식 - UTF-8, EUC-KR 등name - 검색엔진 등에 제공하기 위한 정보의 종류(메타 데이터..
* nodeName - 노드가 요소 노드 인 경우 nodeName 특성은 태그 이름을 리턴합니다. - 노드가 속성 노드 인 경우, nodeName 특성은 속성의 이름을 리턴합니다. - 다른 노드 유형의 경우 nodeName 등록 정보는 다른 노드 유형에 대해 다른 이름을 리턴합니다. *className - 클래스 이름을 리턴 *innerHTML - 태그안의 내용을 리턴 - html에 값을 넣을 때도 사용 * attrubutes - element들을 하나하나 분석해 볼 수 있음 * children - 태그의 자식 태그(하위 태그) - 유사 배열로 리턴 됨 *childNodes - 공백을 포함함 - 태그의 앞 / 태그 / 태그의 뒤 / 태그 .... 여기에 글을 쓰고 여기도 글을 씀 div.children...
html 태그 문법
도움되는 사이트 https://www.w3schools.com/ 1. 강조하기 - 굵은 글씨 - 밑줄 2. 머릿말 - ~ 숫자가 커질수록 글씨는 작아짐 3. vs - 태그는 그냥 줄바꿈 - 태기는 단락을 나누는 태그 4. 리스트 태그 - 리스트를 점으로 표시 - (unorder list)리스트를 구분해줌 - (order list)리스트를 숫자로 표시 5. 링크 걸기 - 페이지 이름 : # 주소로 이동 : 새로운 탭에서 열고 싶을 때 target="_blank" 추가 : title="#" 링크에 커서를 가져다 대면 #이 뜸