59doit

table 테이블(table)이란 여러 종류의 데이터(data)를 보기 좋게 정리하여 보여주는 표를 의미한다. HTML에서는 태그를 사용하여 이러한 테이블을 작성할 수 있다. 태그는 다음과 같은 태그들로 구성된다. 태그는 테이블에서 열을 구분해 준다. 태그는 각 열의 제목을 나타내며, 모든 내용은 자동으로 굵은 글씨에 가운데 정렬이 된다. 태그는 테이블의 열을 각각의 셀(cell)로 나누어 준다. 기본테이블 분류 항목 과일 사과 채소 당근 테이블의 스타일(style) CSS의 border 속성을 이용하여 테이블에 테두리를 표현할 수 있다. border 속성값을 따로 명시하지 않으면, 해당 테이블은 언제나 빈 테두리가 표시된다. 테이블스타일 (두줄) 분류 항목 과일 사과 채소 당근 ▶ 테이블의 테두리(bo..

list 리스트(list)란 여러 요소들을 일렬로 나열한 목록이나 명단을 의미한다. HTML에서는 여러 요소들을 일렬로 나열한 목록이나 명단을 표현 할 수 있는 태그를 제공하고 있다. 순서가 있는 목록(ordered list) 순서가 없는 목록(unordered list) 정의 목록(definition list) 순서가 있는 목록(ordered list) 순서가 있는 목록는 태그로 작성하고, 여기에 포함되는 각각의 리스트 요소는 태그로 작성한다. 각각의 목록 요소 앞에는 기본 마커(marker)로 아라비아 숫자가 표시된다. 순서가 있는 목록 HTML Java C++ CSS의 list-style-type 속성을 사용하면 리스트 요소 앞에 위치하는 마커(marker)를 다른 모양으로 변경할 수 있다. dec..

Image 이미지(image)란 2차원 평면 위에 그려진 시각적 요소를 의미한다. 웹 페이지에는 이러한 이미지가 매우 중요한 요소 중 하나이다. 웹 페이지에서 사용 가능한 이미지의 종류는 다음과 같다. JPEG Images GIF Images PNG Images HTML에 이미지를 추가할 때는 태그를 사용한다. 태그는 종료 태그가 없는 빈 태그(empty tag)이며, 다음과 같은 문법으로 사용된다. 이미지의 삽입 이미지 크기 (width, height) HTML에서는 style 속성을 사용하여 이미지의 크기를 설정할 수 있다. 또한, width 속성과 height 속성을 이용하면, 이미지의 너비와 높이를 각각 픽셀(pixel) 단위로 설정할 수도 있다. 위의 두 가지 방법 모두 HTML5 표준에는 적합..

link 웹 페이지는 다른 페이지나 다른 사이트로 연결되는 수많은 하이퍼 링크(hyperlink)가 존재한다. 이러한 하이퍼 링크를 간단히 링크(link)라고도 부르며, HTML에서는 태그로 표현한다. “a"는 앵커(Anchor)를 의미한다. 링크제목 링크 yulvely ??? target _blank _self _parent _top frame _blank 링크로 연결된 문서를 새 창이나 새 탭에서 열린다. _self 링크로 연결된 문서를 현재 프레임(frame)에서 열린다. (기본설정) _parent 링크로 연결된 문서를 부모 프레임(frame)에서 열린다. _top 링크로 연결된 문서를 현재 창의 가장 상위 프레임(frame)에서 열린다. frame 이름 링크로 연결된 문서를 지정된 프레임(fram..