본문 바로가기

전체 글115

[HTML]<div>와 시맨틱 웹 시맨틱 웹은 브라우저가 이해할수 있도록 웹콘텐츠의 구분을 해주는 것이다. 시맨틱 웹을 이해할때 가 있는데 왜 굳이 다른게 필요한지 몰랐다. 도 단락을 구분해주는 기능을 갖고있기 때문이다. 하지만 레이아웃을 하나 만들어보고 나니 이제 시멘틱 웹을 쓰는 이유를 알것같다. 모든 단락을 로 했더니 뭐가 뭔지 구분할 수가 없었다.... 로 단락 구분을 하면 어떤 단락을 구분할때 로밖에 지칭할 수 없지만 다른 웹페이지 구조 관련 태그들을 쓰면 지칭하기 편하고 가독성이 좋다는 장점이 있었다! : 머리말을 나타내는 태그 : 제목과 부제목을 묶는 태그 : 메뉴 부분을 나타내는 태그 : 제목별로 나눌 수 있는 태그 : 개별 콘텐츠를 나타내는 태그 : 왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그 : 하단의 정보를.. 2021. 10. 15.
[CSS]position position은 CSS에서 특정 요소의 위치를 지정하는 속성이다. z-index로 요소를 앞이나 뒤로 움직일 수있다. position static:요소를 순서대로 배치. relative:직전 요소의 상대 위치를 배치한다. absolute:문서 내에서 절대 위치에 배치한다. fixed: 현재 보이는 브라우저 화면 내에서 화면 내의 고정위치에 배치한다. z-index 어느 요소가 앞에 나올지 배치순서 정한다. position 속성 적용한 요소에만 반응한다. auto/number :값이 높을수록 앞쪽에 배치, 뒤쪽으로갈수럭 숫자가 낮은것. 2021. 10. 14.
[CSS] 스타일 속성 1. 문자 스타일 속성 요약 font-family: 글꼴을 지정 font-size: 문자의 크기를 설정 font-style: 글자를 이탤릭체로 표현할 것인지 결정. font-weight: 글자의 굵기 지정. font-variant: 영문 소문자를 작은 대문자로 표시. line-height: 줄 간격을 조정. font: font 속성을 한번에 기술할때 사용. 2.배경 스타일 속성 border-collapse:테이블 셀간의 간격여부 설정. collapse(테두리통합),seperate(테두리분리) border-spacing: 테이블 셀간의 공백 크기 조정. 2021. 10. 13.
[HTML]이클립스 톰캣과 연동 안될때 오류 이클립스를 톰캣이랑 연동시켜서 HTML 작업도중 갑자기 오류가 발생했다. 웹서버로 구동하기 버튼을 누르면 웹페이지 화면이 새로 고친 코드로 보여지지 않고 이전 웹페이지 화면만 띄우는것. 톰캣 서버는 잘 작동하고있는데 왜?? 웹서버 관련 오류니까 이클립스랑 톰캣 연동관련 문제같아서 파워 구글링ㄲ 그러다가 관련정보를 찾았다. 이클립스에서의 수정이 톰캣에 반영 안되는건 이클립스에서 참조하여 쓰는 로컬에 수정이 필요하다는 것. 콘솔창의 서버에서 톰캣 서버를 더블클릭해서 오버뷰로 들어간다. 오버뷰 하단에 Server Option에서 publish module context to separare xml files 체크박스 체크한다. publish module context to separare xml files 는.. 2021. 10. 12.

티스토리툴바