개발자도전

행 병합(rowspan), 열 병합(colspan) 속성 td / th 태그에만 작성 가능 행 병합 : 상하 병합 열 병합 : 좌우 병합 width, height 속성 td 또는 th의 크기를 조정하는 속성 width : 너비 조정 속성 height : 높이 조정 속성 코드 작성 화면 웹에서 출력된 화면 * 행 병합, 열 병합 시 주의사항 * - 병합에 포함된 행이나 열을 지워주지 않게 되면 그 개수만큼 표가 작성되서 칸이 하나씩 더 생기게 된다. 그래서 병합 시 포함된 행이나 열을 하나씩 지워줘야한다. 테이블 구조 설정 태그 테이블 구조 내의 설정을 지정하는 태그로 thead, tbody, tfoot이 있다. 해당 구조 설정 태그를 작성하지 않으면 tbody로 지정된다.

Table 관련 태그 웹 문서에서 자료 정리를 위해 주로 사용하는 태그 행과 열로 이루어져 있으며, 행과 열이 교차하는 지점을 셀(cell)이라고 함. 테이블을 나타내는 행과 열이 작성될 수 있는 영역을 지정 태그 : Table Row의 약자로 한 행을 나타내는 태그 태그 : Table Dada의 약자로 한 행의 한 컬럼(셀)을 타나내는 태그 태그 : Table Header의 약자로 컬럼명을 표시하는 용도의 태그 : 기본 성질은 td태그와 같으나 추가적으로 굵은 글씨, 가운데 정렬이 이루어짐 caption 태그 : 테이블의 제목이나 설명 내용을 추가하는 태그 : 제목이나 내용 작성 border 속성 : table 태그와 내부에 작성되는 td, th 태그에 테두리 추가 테이블 태그로 작성한 코드 화면 웹에..

목록 관련 태그는 목차나 순서 등 목록에 관련된 태그이다. 목록 관련 태그 : / / 태그 : ul, ol 태그 내부에 들어갈 목록의 요소를 나타내는 태그 태그 : Unordered List - 순서가 없는 목록을 나타내는 태그 작성한 코드 화면 웹에서 출력된 화면 * ul태그는 li 태그와 같이 사용을 해야지 목록으로 작성이 된다. * ul태그 안에 ul태그를 또 작성할 수 있다. 태그 : 순서가 있는 목록 ol태그에 type 속성을 지정해 줄 수 있다. ol 태그 type을 1로 설정한 코드 화면 1부터 순차적으로 목록이 생성된 웹 출력 화면 ol태그 type을 1로 설정 & reversed를 작성한 코드 화면 resversed로 인해 목록의 숫자 순서가 반대로 출력된 웹 화면 ol태그 type을 1..

태그 : 글자를 굵게 표시하는 태그 태그 : 글자를 기울이는 태그 HTML에서 작성한 화면 웹에서 출력된 화면 태그 : 중요성, 심각함을 표현하는 강조태그 태그 : 중요성, 심각성을 표현하는 기울임 강조태그 HTML에서 작성한 화면 웹에서 출력된 화면 , 태그와 , 태그는 같이 글씨를 굵고 기울임에 사용하는 태그이지만 웹 접근성을 생각해서 , 태그를 더 많이 사용한다. 태그 : 형광펜 효과 나타낸 태그 HTML에서 작성한 화면 웹에서 출력된 화면 태그 : under line 밑줄을 나타내는 태그 HTML에서 작성한 화면 웹에서 출력된 화면 태그 : 취소선(잘못됨을 표시) 태그 : 삭제선(없어진 텍스트) HTML에서 작성한 화면 웹에서 출력된 화면 태그 : 작은 글자 표시 HTML에서 작성한 화면 웹에서 ..

태그에 작성한다. 태그 : heading tag로 제목을 입력할 때 사용하는 태그이다. HTML에서 태그를 이용해서 작성하면 웹에서 위와 같이 나온다. : horizon, 수평선으로 밑의 선처럼 얇은 가로줄이 출력된다. HTML은 연속된 띄어쓰기는 1칸 띄어쓰기로 인식되고, 엔터는 인식되지 않는다. HTML에서 작성한 화면 웹에서 출력된 화면 HTML에서 띄어쓰기를 연속으로 하기 위해서는 을 작성하면 작성한 만큼 띄어쓰기가 된다. HTML에서 작성한 화면 웹에서 출력된 화면 태그 : line BReak. 줄바꿈. 태그 : Paragrahp 문단, 단락 / 글 작성용 태그로 문단을 구분함. 태그 앞,뒤로 간격이 생김 HTML에서 작성한 화면 태그 안에서 을 작성하지 않으면 한 줄 띄어쓰기가 되지 않는다. ..

HTML을 작성 시 새로운 파일에 꼭 적어줘야 하는 구문들이 있다. !를 작성하고 tab 키를 누르면 자동완성된다. 자동완성 된 구문 중 2번째 줄 lang은 처음엔 "eng"되어 있으니 한글인 "ko"로 바꿔준다. 7번째 줄의 title은 open with live server로 웹을 열게 되면 title에 작성한 글이 나오게 된다. 태그 : html 문서의 내용을 정의하는 태그. 이 안에 HTML 코드를 작성한다. - lang 속성 : html 문서가 어떤 언어로 되어있는지 표시한다. 검색 엔진이 참고하는 용도이다. 태그 : html 문서를 정의하는 태그 - 문서의 제목, 스타일시트(CSS), 스크립트(JS), 메타데이터(문서 정보) 작성 : meta태그의 charset = 문서의 문자 형식(문자 인..