홈페이지만들기/Html_css&css3 (27) 썸네일형 리스트형 html 테이블구조 만들기 html 테이블구조 만들기html테이블의 기본 구조를 만들때는 테이블이라는 테그와왼쪽에서 오른쪽으로 column을 확장하는 경우 colspan, 위에서 아래로 row를 확장하는 경우는 rowspan 이렇게 기본적으로 기억하면서 colspan과 rowspan 속성을 자유자재로 다룰 수 있어야 한다.본격적으로 테이블 만들기를 해보겠다. 우선 테이블 만들기에 앞서 테이블 속성에 대해선 하단에서 다루기로 하고 테이블의 구조에 대해서만 정의해 보자. 기본구조 테이블 구조 만들기 summary는 테이블 이름 코스닥선물 투자자별 매매동향 구분 매매수량 매도수량 합계 순매수 신규 환매 소계 신규 환매 소계 선물회사 47 6 53 6 42 48 101 5 증권회사 0 0 0 0 0 0 0 0 은행 0 0 0 0 0 0 .. first-child / last-child 활용하기 first-child / last-childCSS의 버전이 CSS3로 업그레이드되면서 특정한 위치의 HTML을 선택하는 선택자가 추가되었습니다. HTML 요소 중에서도 가장 첫 번째에 있는 요소와 마지막에 있는 요소를 선택하는 선택자가 추가되었습니다. :first-child와 :last-child가 바로 그것입니다. :first-child는 가장 첫 번째에 있는 HTML 요소를 선택하는 선택자이고, :last-child는 가장 마지막에 있는 HTML 요소를 선택하는 선택자입니다. 여기에서 HTML 요소의 첫 번째와 마지막의 기준은 선택된 HTML 요소의 상위 HTML 태그 블록입니다. 쉽게 말해서, HTML의 DIV, SPAN과 같이 블록으로 내용을 구성할 수 있는 HTML 태그 내부에 있는 HTML 요.. 폰트 URL 적용하기 폰트 URL 적용하기CSS에 Font URL을 적용할 수 한글폰트의 적용도 같은 형식으로 적용하면된다.적용 방법은 아래와 같이 하면 된다. 1) https://www.google.com/fonts에 접속한다. 2) 검색창에 검색한다. 3) 검색 리스트가 나오면 리스트에 나오는 아이콘 중간을 클릭한다. 4) 필요한 부분에 체크하고 3. Add this code to your website에 탭 메뉴인 @import를 클릭 면 아래 나오는 @import(URL);을 css 파일에 입력하시면 됩니다. 적용방법 css파일: @import url(https://fonts.googleapis.com/css?family=Roboto:400,700);추가 html파일: body{font-family: 'Roboto',.. 이전 1 2 3 4 다음
