■ Web/HTML

● 목적 HTML의 table태그에서 사용되는 속성값들을 살펴보고, 사용 방법에 대해 알아본다. ● 참고 [HTML 기초] table 태그와 th, tr, td 태그 사용방법 살펴보기 ● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한 acredev.tistory.com table태그의 기초적인 사용 방법은 위 포스트를 참고하면 도움이 될 것 같다. ● table 태그의 속성값 종류 참고 속성 정의 ※ 태그에서만 사용 colspan n개의 열을 하나의 열로 병합한다. rowspan n개의 행을 하나의 행으로 병합한다. ※ 태그에서만 사용 border 표 테두리..

● 목적 HTML에서 사용되는 태그와, 함께 사용하는 , , 의 개념과 사용 방법에 대해 알아본다. ● 참고 일반적으로 우리가 '아래아한글' 에서 사용하던 것과 비슷한 개념의 표를 제작할 때 사용한다. HTML5에서는 권장되지 않지만, 이전에는 태그를 통해 웹페이지 레이아웃을 제작하기도 했었던 태그이다. 이제는 가급적이면 태그를 통해 웹페이지 레이아웃이 아닌 데이터값이 들어있는 표만 사용하는 것이 권장된다. ● table, th, tr, td 태그 태그 Table Head의 약자로, 표의 제목을 만드는 역할을 한다. 기본값은 볼드체와 중앙 정렬. 태그 Table Row의 약자로, 표의 가로줄을 만드는 역할을 한다. 기본값은 좌측 정렬. 태그 Table Data의 약자로, 표의 셀을 만드는 역할을 한다. ..

● 목적 HTML에서 사용되는 Input 태그 요소의 Type 속성값들의 종류들을 확인하고, 사용하는 방법에 대해 알아본다. ● Input 태그의 Type 종류 ※ VS Code의 태그 순서대로 나열함. ● Input 태그의 Type 종류별 사용방법과 예시 상기 살펴보았던 HTML 언어의 Input 태그의 Type 종류마다 수행하는 역할과, 사용방법에 대해 간단히 알아보도록 하자. ▣ HTML 삽입 미리보기할 수 없는 소스 위와 같이, 우리가 일반적으로 알고 있는 버튼을 정의하기 위해 사용하는 태그. onclick은 마우스 클릭 시 수행할 동작으로, 상기 코드에서는 '버튼을 클릭해 보세요.' 버튼을 클릭 시 '버튼을 클릭했습니다.' 라는 메시지박스가 출력되게 작성되었다. onclick을 생략하고 아래와 ..