Rabbit의 Programming Diary

간단하게 html/css만 활용해서 테이블(표)를 만들어보는 작업을 해보겠습니다. 먼저 코드는 아래와 같습니다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 < !DOCTYPE   html > < html > < head >     < title ></ title > </ head > < body > < table   style = "background: #00000F; color: #FFFFFF" > < tr   style = "background: #FFFF00; font-family: sans-serif; color: #0000FF" >     < th >First</ th >     < th >Second</ th >     < th >Third</ th > </ tr > < tr >     < td >Me</ td >     < td >You</ td >     < td >and i</ td > </ tr > < tr >     < td >h...

html/css 기초적인 부분을 오늘은 해보려고 합니다. 오늘 하려고 하는 부분은 바로 윗 부분과 같이 나오는 방법을 해보려 합니다. 가볍게 style을 줘서 배경색에 변화를 주고,  하이라이팅을 해보려고 합니다. 코드는 다음과 같습니다.  보통 style은 head사이에 보통 많이 넣습니다. 코드 설명은 코드안에서 하겠습니다 ㅎㅎ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 < !DOCTYPE   html > < html > < head >   < style   type = "text/css" >// style태그를 넣어서 이쁘게 html을 꾸며 봅시다.     div.cities {// div태그에 cities 클래스에 해당 스타일링을 넣어줍니다.         background :  black ;         color :  white ;         margin :  20px 0 20px 0 ;         padding :  20px ;      }   ...