개발자도전

block / inline 차이점 2 : 영역 지정 방식 block : 사각형 박스 형태로 지정 inline : 내부에 작성된 내용 단위로 지정 영역 지정 방식 block 형식 코드 작성 화면 웹에서 출력된 화면 영역 지정 방식 inline 형식 코드 작성 화면 웹에서 출력된 화면 block / inline 차이점 3 : 크기 지정(width, height) block : 크기 지정 가능 inline : 크기 지정 불가능 block 크기 지정 가능 코드 작성 화면 웹에서 출력된 화면 inline 크기 지정 불가능 코드 작성 화면 웹에서 출력된 화면 - width와 height를 지정해 주었어도 크기 지정은 되지 않은 채 출력됨. iframe 태그 inline 형식의 태그 웹 문서 내부에 다른 웹 문서를 ..

영역 관련 태그에는 block 형식과 inline형식이 있다. block 형식 공간을 수직 분할 한다. == 수직선을 분할한다 == 가로로 분할한다. 크기를 지정하는 css 속성인 width, height를 사용할 수 있다. 사용 가능 : p/pre(문단나누기), h1~h6(제목 영역 나누기), hr(수평선 넣어 화면 나누기), div(영역 나누기) inline 형식 공간을 수평 분할 한다 == 수평선을 분할한다 == 세로로 분할한다. 크기를 지정하는 css 속성인 width, height를 사용할 수 없다. 사용 가능 : strong/b(영역 내 글자 굵게), em/i(영역 내 글자 기울이기), mark(글자에 노란 배경), span(한 줄 내 열 나누기) block / inline의 차이점 1 : 줄..

행 병합(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에서 작성한 화면 웹에서 ..