케네스로그

이전글에서 HTML에서 자주 사용되는 태그에 대해 간략하게 알아보았습니다. 이번에는 태그에서 태그를 통해 행이름과 열이름을 지정하는 방법을 알아보겠습니다. 수량 금액 A 지점 32 $48 B 지점 13 $45 는 특별한 역할을 맡은 라고 할 수 있습니다. 일반 데이터를 표현하는 와 달리, 는 자기가 속한 행이나 열을 대표하는 역할을 합니다. 헤더 셀이라고 하죠. 위의 예시에서 각 브랜치의 지점을 나타내는 1열의 2행(A지점),3행(B지점)을 태그를 통해 표현하고 있습니다. 또한, 2열(수량)과 3열(금액)은 해당 열의 행이 나타내는 정보를 대변하는 헤더 셀임을 알 수 있습니다. 의 scope 속성 위의 예시에서 는 scope속성을 지니고 있습니다. 이 scope는 해당 의 종류를 구분합니다. 는 가로 행..

HTML 태그 HTML을 이용해 웹 페이지를 만드는 과정 중 생각처럼 잘 안되는 부분이 태그의 사용입니다. 엑셀에서는 어렵지 않게 표를 만들고, 행과 열을 구분짓고, 셀 병합과 분할이 가능했습니다. 하지만, 직접 코드를 짜서 테이블을 만들고, 구조를 세우고, 모양을 만들어 나가는 것은 쉽지 않습니다. 이번 포스팅에서는 HTML의 태그의 사용법에 대해 정리하도록 하겠습니다. 테이블의 구성 요소 테이블은 셀로 구성되며, 테이블의 행은 row, 열은 column으로 불려 집니다. 하나의 은 하나 이상의 로 구성됩니다. 은 셀을 나타내는 , 를 자식 태그로 가집니다. 💡테이블을 구성할 때는 위에서 아래로, 좌측에서 우측으로 작성하는 것이 좋습니다. : 표를 나타내는 태그 : 행을 나타내는 태그 : 제목 셀을 나..

HTML 문서에서 사용할 수 있는 태그는 100가지 이상으로 매우 많습니다. 이 많은 태그들을 다 외우는 것은 불가능하며 누구도 그렇게 외워서 사용하려고 하지 않습니다. 10개정도의 기본 태그들만 사용되며, 나머지 태그들은 버전에 따라 사용할 수 있거나 사용도가 낮아 거의 찾지 않는 태그들입니다. 이번 포스팅에서는 Boostcourse 웹 UI과정에서 공부한 태그들에 대해 설명하고 예제를 함께 첨부해보겠습니다. HTML에서 주로 사용되는 기본 태그들 제목 태그 This is h1 This is h2 This is h3 This is h4 This is h5 This is h6 문서 내에 제목을 표현할 때 사용하는 태그입니다. 부터 까지 사용이 가능하며, 숫자가 커질수록 제목의 크기와 중요도가 상승합니다...

사용자에 의해 작성된 HTML문서는 웹 브라우저를 통해 확인할 수 있습니다. 웹 브라우저는 일정한 규칙에 따라 웹 문서를 읽고 텍스트를 포함한 내용을 화면에 표현해 줍니다. 이렇게 웹 브라우저가 따라는 규칙 중 가장 기본이 되는 것이 HTML문서의 구조입니다. 어떠한 웹 문서이든 반드시 이 기본 구조를 지켜야 웹 브라우저를 통해 정상적으로 표현될 수 있습니다. HTML 문서의 기본 구조 Hello, HTML 가장 단순한 형태의 HTML문서 구조는 위와 같습니다. 전체적으로 이라는 태그가 감싸고 있고, 그 안에 와 가 위치하고 있는 모습입니다. DOCTYPE HTML문서에서 가장 먼저 나오며, 태그 상단에 위치합니다. DOCTYPE은 해당 웹 문서가 어떤 버전으로 작성되었는지 브라우저에게 명시해주는 역할을..