html3 HTML 기초 공부 - 5. 표 만들기 표(table)는 웹 페이지에서 흔하게 볼 수 있는, 2차원 격자 형태로 구성된 데이터를 의미한다. 표는 다음 그림처럼 행(row), 열(column) 그리고 행과 열이 만나는 셀(cell)로 구성된다. HTML에서 표를 어떻게 표시하는지 배워 보자. 1. table 태그 HTML에서 표를 생성할 때는 table 태그를 사용한다. 2. caption 태그 HTML에서 표를 생성할 때 웹 접근성을 향상하는 방법의 하나로 표 제목을 지정한다. 표 제목은 caption 태그로 지정하므로 표를 만들 때는 반드시 caption 태그를 사용하여야 한다. caption 태그는 이후에 배울 표 관련 태그 중에서 table 태그 안에 첫 번째로 작성하여야 하는 태그이다. 표 제목 3. tr 태그 (table row) t.. 2023. 10. 16. HTML 기초 공부 - 4. 실무에서 자주 사용하는 HTML 필수 태그 다루기 3 1. 링크와 이미지 넣기 링크(link)는 문서와 문서 간 연결을 의미하며, 기본으로 a 태그를 사용한다. 사진과 같은 이미지 객체를 삽입할 때는 img 태그로 작성한다. 1 - 1. a 태그 a 태그는 HTML에서 내부나 외부 링크를 생성한다. a 태그는 대상 경로를 의미하는 href 속성을 필수로 사용하여야 하며, 그 외에 target, title 속성을 선택해서 사용할 수 있다. href 속성 href 속성은 a 태그로 생성하는 링크의 대상 경로를 입력할 때 사용한다. 속성값은 대상 경로의 주소(URL)이거나 내부 문서의 id 속성값일 수 있다. 만약 개발 단계에서 a 태그를 사용할 때 대상 경로가 아직 명확하지 않을 경우가 종종 있다. 이럴 때는 href="대상 경로"에 #을 넣으면 된다. (hr.. 2023. 10. 16. HTML 기초 공부 - 1. HTML 문서 작성을 위한 기본 구성 요소 살펴보기 1. HTML의 기본 구성 요소 1 - 1. 태그란? 태그는 웹 페이지의 다양한 구성 요소들(텍스트, 이미지, 버튼 등)을 정의하는 역할을 한다. HTML의 문법을 이루는 가장 작은 단위이며, 기본 형식은 화살괄호 사이에 태그명을 넣는 형태이다. 1 - 2. 속성이란? 속성은 태그에 어떠한 의미나 기능을 보충하는 역할을 한다. 그러므로 사용하여도, 안 하여도 괜찮으며, 여러 개를 사용해도 된다. 하지만 태그 없이 단독으로는 사용이 불가능하다. 속성은 다음과 같이 속성명과 속성값으로 구성된다. 속성명은 따옴표 없이 작성하며, 속성값은 큰따옴표 안에 작성한다. 속성값이 여러개일 경우에는 하나의 큰따옴표 안에 쉼표로 구분해 값을 나열하면 된다. 1 - 3. 문법 HTML은 태그와 속성으로 문법을 구성한다. 문.. 2023. 9. 10. 이전 1 다음
