반응형 배워보자!!/html-css21 [html/css] 테이블(table)로 표 만들기! 코드를 수정후 적용하기를 눌러 확인가능합니다. army82 Table 1행1열 1행2열 1행3열 2행1열 2행2열 2행3열 3행1열 3행2열 3행3열 4행1열 4행2열 4행3열 5행1열 5행2열 5행3열 적용하기!! 테이블(table)로 레이아웃 설정하기! 대부분의 사이트에서 테이블을 많이 사용하는 편입니다. 테이블은 "표"라고 생각하시면 됩니다. 셀들의 집합으로 셀은 행과 열에 의해서 생성이 됩니다. 3행 3열로 구성된 표를 만들어 보았습니다. : 테이블을 선언하는 태그입니다. : 테이블의 제목을 표시해주는 태그입니다. : 테이블 내에 한 행을 정의하는 태그입니다. "Table Row"의 약어입니다. : 셀 제목으로 지정하여 강조되게 표시하는 태그입니다. : 테이블 내의 한 열 즉 각 행에 포함된 세을.. 2015. 3. 9. [html/css] 하이퍼링크로 링크걸기_<a>태그 하이퍼링크라는 HTML의 기능에 대해 알아보겠습니다.하이퍼링크란 "연결된 개체"를 뜻합니다. 특정 부분을 클릭해 다른 페이지로 이동을 합니다. 여러 개의 HTML 문서를 하나의 고리처럼 연결할 수도 있습니다. 바로 태그로 가능합니다. 태그에서 href 속성은 하이퍼텍스트 연결로 이동하고자하는 페이지의 위치를 지정할 수 있습니다. 기본적으로 적용을 시켜주면 텍스트는 파란 색상을 띠며 밑줄선이 그려져 있습니다. amy82 위 처럼 기본적인 파란색 밑줄이 그어진 부분을 수정할 수 있습니다. link, visited, active ,hover 속성을 이용하면 링크의 색상을 변경 할 수 있습니다. link는 사용자가 선택하기 전의 색상 active는 사용자가 마우스로 누르고 있는상태의 색상 visited는 사용자.. 2015. 3. 9. [html/css] <img> 이미지 삽입 및 속성에 대해 알아보자! 코드를 수정후 적용하기를 눌러 확인가능합니다. 적용하기!! 웹문서에 태그를 사용해 이미지를 삽입 및 속성에 대해 알아보겠습니다.기본적으로 이미지를 삽일할때는 이와 같이 쓰입니다.간단하죠?ㅎㅎ이미지 파일인 jpg , gif 는 웹 브라우저에서 바로 인식가능한 파일입니다.태그대로 이미지를 추가했는데 이미지가 제대로 나오지 않는다면 이미지 경로를 한번 더 재확인 해보시는 것이 좋습니다.태그에 사용되는 속성에 대해 알아보겠습니다.*alt웹 페이지에 이미지를 삽입했을 경우 이미지에 마우스를 가져갔을때 설명글이 뜨게 해주는 속성입니다. *border태그에서 border속성은 이미지의 테두리에 선을 지정해 줄 수 있는 속성입니다. *width / height태그에 이미지지의 크기를 수정할 수 있는 속성입니다.widt.. 2015. 3. 4. [html/css] <ol> / <li>태그 *html코드를 작성해주세요!! Reset!! *변경후 Reset 버튼 클릭!! 첫번째 두번재 세번째 첫번째 두번재 세번째 -순서 목록을 만들때 사용하는 태그 과 입니다.타입을 지정할 수도 있고 미지정시 숫자로 나옵니다.type = (i , A , a , I , i) 사용가능 기본형식 항목항목항목... 2015. 2. 8. 이전 1 2 3 4 5 6 다음 반응형