카테고리 (35) 썸네일형 리스트형 5. Html의 <div> 태그 - HTML 코드를 작성하다 보면 관련 있는 요소를 그룹으로 묶어야 하는 경우가 많다. 예를 들어, 네이버 페이지를 보면 알 수 있다. 검색 영역, 로그인 영역, 내용 영역, 등 관련 있는 요소들끼리 그룹이 되어있는 것을 확인할 수 있다. 웹페이지는 관련있는 그룹끼리 묶으면 레이아웃을 구성하기가 쉬워진다. 그리고 더 깔끔한 구조의 HTML 웹 페이지를 만들 수 있다. HTML에서는 이런 그룹 짓기 작업을 div와 span 태그로 수행한다. 공간 분할 태그 : 관련 있는 요소끼리 그룹 짓는 작업을 다른 영역과 분리한다는 의미로 공간 분할 이라고한다. 대표적으로 , 태그를 공간 분할 태그라고도 한다. 1. div 태그 div 태그는 블록요소 (block-element)이다. 블록 요소와 인라인 요소를 그룹으.. 티스토리 스킨변경으로 메타태그 삭제되었을때 재등록 방법(구글 서치콘솔) 티스토리 스킨변경으로 메타태그가 삭제되었을때 메타태그를 다시 확인하여 추가하는 방법을 작성해보겠다. 스킨변경을 하고 나면 HTML 태그에 등록되어있는 메타태그가 전체 삭제가 된다. 처음 티스토리를 사용하는 사람이라면 매우 당황할 것이다. 나도 처음에 스킨변경을하고 HTML편집에서 메타태그가 전체적으로 삭제되어 매우 당황했다. 기존에 사용하고 있던 메타태그 주소를 확인하는 방법을 알아보자 1.구글 서치 콘솔에 먼저 접속한다. 구글 서치콘솔에 접속하면 오른쪽 상단에 물음표(도움말) 모양의 아이콘을 클릭한다. 2. 도움말 창에서 하단에 '새창 열기 클릭' 도움말 창이 열렸다면 하단에 '새 창에서 열기' 를 클릭한다. 웹 페이지로 새로운 창이 열리면서 google Search Console 고객센터 웹 페이지가.. 3. HTML의 기본 구조 (html, meta, head, body) HTML의 기본 구조 - HTML 문서는 일정한 구조 안에서 작성이 된다. 이것을 기본 구조라고 한다. 첫 웹페이지 문구 작성 1. 문서형 정의 (DTD, Document type Definition) - 웹 브라우저가 처리할 HTML 문서가 어떤 문서인지 알려주는 것이다. HTML 문서는 최신 형식인 HTML5 문서 형식으로 해석한다. HTML5 등장 이후로 이전 버전 문서(html4) 형식을 정의할 필요가 없어졌으므로 로 DTD를 작성해 주면 된다. 2. html 태그 html태그는 문서의 시작과 끝을 의미한다. 따라서 html 태그 안에 작성을 해야 한다. 3. head태그 태그는 문서의 메타데이터(metadata)를 정의하는 영역이다. - 메타데이터란? HTML 문서에 대한 정보(data)로 웹 .. 이전 1 ··· 7 8 9 10 11 12 다음
