본문 바로가기

HTML5

[HTML]아웃라인 잡기 순서 1행 Header (Navigation Navigation) 2행 Section ,aside 3행 Footer (레이아웃의 구성) 아웃라인을 구성하는 요소들을 사용해서 레이아웃을 만들어야한다면 어떻게 해야할까? 먼저 Section Element를 사용해 장이나 절 단위 나눠준다음 제목과 본문을 하나로 묶어준다. 그다음 Div Element를 사용해 style 적용해서 크기와 위치를 정해준다. 아웃라인 구성 요소들 nav Element (Header,좌측 우측에 포함되는 Link에 사용. 주로 ul Element를 사용하여 목록으로 Navigation Link Markup한다.) article Element (블로그에 포스트 된 글들, 뉴스사이트의 기사들의 묶음 같은 독립된 하나의 컨텐츠 나타냄. 각 포스.. 2021. 10. 16.
[HTML]<div>와 시맨틱 웹 시맨틱 웹은 브라우저가 이해할수 있도록 웹콘텐츠의 구분을 해주는 것이다. 시맨틱 웹을 이해할때 가 있는데 왜 굳이 다른게 필요한지 몰랐다. 도 단락을 구분해주는 기능을 갖고있기 때문이다. 하지만 레이아웃을 하나 만들어보고 나니 이제 시멘틱 웹을 쓰는 이유를 알것같다. 모든 단락을 로 했더니 뭐가 뭔지 구분할 수가 없었다.... 로 단락 구분을 하면 어떤 단락을 구분할때 로밖에 지칭할 수 없지만 다른 웹페이지 구조 관련 태그들을 쓰면 지칭하기 편하고 가독성이 좋다는 장점이 있었다! : 머리말을 나타내는 태그 : 제목과 부제목을 묶는 태그 : 메뉴 부분을 나타내는 태그 : 제목별로 나눌 수 있는 태그 : 개별 콘텐츠를 나타내는 태그 : 왼쪽 또는 오른쪽에 위치하는 사이드 바를 나타내는 태그 : 하단의 정보를.. 2021. 10. 15.
[HTML]이클립스 톰캣과 연동 안될때 오류 이클립스를 톰캣이랑 연동시켜서 HTML 작업도중 갑자기 오류가 발생했다. 웹서버로 구동하기 버튼을 누르면 웹페이지 화면이 새로 고친 코드로 보여지지 않고 이전 웹페이지 화면만 띄우는것. 톰캣 서버는 잘 작동하고있는데 왜?? 웹서버 관련 오류니까 이클립스랑 톰캣 연동관련 문제같아서 파워 구글링ㄲ 그러다가 관련정보를 찾았다. 이클립스에서의 수정이 톰캣에 반영 안되는건 이클립스에서 참조하여 쓰는 로컬에 수정이 필요하다는 것. 콘솔창의 서버에서 톰캣 서버를 더블클릭해서 오버뷰로 들어간다. 오버뷰 하단에 Server Option에서 publish module context to separare xml files 체크박스 체크한다. publish module context to separare xml files 는.. 2021. 10. 12.
[HTML]복잡한 테이블 쉽게 만드는 법 HTML에서 복잡한 테이블을 만들때 쉽게 만드는 팁을 알려드립니다. 가 몇개 들어가야하는지 개수를 알아야합니다. 개수 세는 기준은 가로선으로 나눠진 열의 수입니다. 은 총 7개입니다. 1에 해당하는 의 는 사진넣기,이력서 2에 해당하는 의 는 성명,홍길자(인),주민등록 3에 해당하는 의 는 00000-0000000 4에 해당하는 의 는 생년월일,0000년~(만00세),연락처 5에 해당하는 의 는 000-0000-0000 6에 해당하는 의 는 주소,서울특별시 동작구 사당동 7에 해당하는 의 는 호적관계, 호주와의 관계, 부, 호주성명, 홍길동 이렇게 개수를 맞춰준다음, 칸의 크기가 다른 것들은 colspan(행합치기)과 rowspan(열합치기)를 이용해서 조정해주면 됩니다. 사진넣기 이력서 성명 홍길자(인.. 2021. 10. 11.