본문 바로가기

html4

[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에서 복잡한 테이블을 만들때 쉽게 만드는 팁을 알려드립니다. 가 몇개 들어가야하는지 개수를 알아야합니다. 개수 세는 기준은 가로선으로 나눠진 열의 수입니다. 은 총 7개입니다. 1에 해당하는 의 는 사진넣기,이력서 2에 해당하는 의 는 성명,홍길자(인),주민등록 3에 해당하는 의 는 00000-0000000 4에 해당하는 의 는 생년월일,0000년~(만00세),연락처 5에 해당하는 의 는 000-0000-0000 6에 해당하는 의 는 주소,서울특별시 동작구 사당동 7에 해당하는 의 는 호적관계, 호주와의 관계, 부, 호주성명, 홍길동 이렇게 개수를 맞춰준다음, 칸의 크기가 다른 것들은 colspan(행합치기)과 rowspan(열합치기)를 이용해서 조정해주면 됩니다. 사진넣기 이력서 성명 홍길자(인.. 2021. 10. 11.
[HTML5]웹페이지 기본 태그 활용하기 HTML 태그의 규칙 1. 확장자는 htm,html로 만들어야한다. 2. 엔터, 스페이스바, 탭은 인식하지 않기 때문에 특정 기호 또는 태그로 표현해야 한다. 3. 태그는 반드시 시작 태그와 종료 태그를 지켜야 웹 브라우저가 인식할 수 있다. 4. 파일이나 폴더명은 반드시 여백이 없는 영문자로 작성해야한다. *주의할점 1.문장을 쓰면 무조건 어떤내용이든 태그로 감싸줘야한다. 2.HTML CSS Javascript 는 컴파일언어가 아니라 브라우저가 파일을 해석해서 보여주는것. 그래서 HTML이 틀리면 어디가 틀렸는지 알수없다.(컴파일러가 없어 틀린부분 지적을 못해줌) 코드가 틀려도 그대로 나온다. 주의하며 코딩하자. 문서의 시작과 문서의 종료를 나타낸다. 문서의 제목을 웹 브라우저 제목 표시줄에 표시한다... 2021. 10. 7.