하이퍼링크를 삽입하기 위해서는 태그를 사용합니다. 태그에는 다음과 같은 속성이 있습니다. href: 클릭했을 때 이동할 페이지의 URL target: 링크를 클릭했을 때 새로운 탭에서 페이지를 열지, 아니면 현재 탭에서 페이지를 열지를 결정합니다. 예시: 구글로 이동하기 위 코드에서는 "HTML 문서로 이동하기"라는 텍스트를 클릭하면 구글로 이동하며, 이때 새로운 탭에서 페이지를 엽니다.

열 합치기 열 합치기는 colspan 속성을 이용하여 구현할 수 있습니다. 1 2 3, 4 5 위 코드는 5개의 셀을 가지는 1행 표를 만드는 코드입니다. 3, 4 라고 적힌 셀은 colspan='2' 속성을 가지고 있어, 2개의 열을 합쳐 1개의 셀로 나타납니다. | 1 | 2 | 3, 4 | 5 | 행 합치기 행 합치기는 rowspan 속성을 이용하여 구현할 수 있습니다. 1 2 3 4 5 6, 7 8 9 10 11 12 13 14 위 코드는 2개의 행과 5개의 열을 가지는 표를 만드는 코드입니다. 6, 7 이라고 적힌 셀은 colspan='2' 속성을 가지고 있어, 2개의 열을 합쳐 1개의 셀로 나타내며, 8 이라고 적힌 셀은 rowspan='2' 속성을 가지고 있어, 2개의 행을 합쳐 1개의 셀로..

태그를 사용하면 해당 셀이 표의 제목 셀임을 나타낼 수 있습니다. 와 태그를 사용하여 표의 헤더와 바디를 나눌 수도 있습니다. 또한, 태그를 사용하여 표의 캡션(제목)을 추가할 수 있습니다. , 예시: 표 캡션 번호 이름 나이 1 홍길동 25 2 김철수 30 3 이영희 27 위의 코드는 제목이 있는 3행 3열의 표를 나타내며, 다음과 같이 나타납니다. 번호 이름 나이 1 홍길동 25 2 김철수 30 3 이영희 27 예시 태그를 사용하여 표의 맨 아래 부분에 총합, 평균 등의 정보를 추가할 수 있습니다. 태그는 태그의 자식 중 맨 마지막에 위치합니다. 나의 일정 날짜 운동 공부 회의 3월 1일 O X X 3월 2일 X O X 3월 3일 X X O 총합 1 1 1 코드는 3행 4열의 표를 나타내며, 다음과 ..

열은 속성을 가지고 있고, 행은 데이터를 가지고 있습니다. HTML에서 태그들을 가지고 표를 만드는 방법을 알아보겠습니다. 들어가기 다음은 3 x 3 크기의 표를 만드는 예시 코드입니다.: 열 1, 행 1 열 2, 행 1 열 3, 행 1 열 1, 행 2 열 2, 행 2 열 3, 행 2 열 1, 행 3 열 2, 행 3 열 3, 행 3 이 코드는 이렇게 나타납니다. 열 1, 행 1 열 2, 행 1 열3, 행1 열 1, 행 2 열 2, 행 2 열 3, 행 2 열 1, 행 3 열 2, 행 3 열 3, 행 3 위 코드에서 table 태그는 표 전체를 감싸며, tr 태그는 각 행을 나타냅니다. td 태그는 각 셀을 나타내며, 각 셀 안에 있는 내용은 해당 태그 사이에 입력됩니다. table, tr, td 태그 HT..

새로운 줄을 표현할 때: br 사용 예시: To force line breaks in a text, use the br element. 보여지는 것: HTML 삽입 미리보기할 수 없는 소스 을 사용하면 단락처럼 사용할 수 있음. 단순히 줄바꿈이라는 시각적인 의미를 가지고 있기 때문에 닫지 않음 단락 표현할 때: p 사용예시: This is some text in a paragraph. 보여지는 것: HTML 삽입 미리보기할 수 없는 소스 열리는 태그와 닫히는 태그가 존재한다. p 사용할 때 의미있는 단락을 만들어낼 수 있다. p 단점: 정해져 있는 여백만큼 벌어지기 때문에 자유도가 떨어지게 된다. 하지만 우리에겐 css가 있음! css 예시) 로 사용하면 정교하게 제어할 수 있다.