html table 완벽정리
·
html
table tr->가로 td ->세로 위의 코드를 브라우저에서 보면 아래 처럼 나온다. 저사이의 빈공간을 지우고 싶다면 table에 css 속성 border-collapse: collapse를 주면 사라짐!!! +++추가로 알면 좋은것 퉁퉁이 퉁퉁이 퉁퉁이 비실이 비실이 비실이 td 대신 th를 쓰면 글자가 두꺼워진다. css로도 할수 있지만 잘 활용하면 귀찮은 것을 한번 줄일 수 있다. thead//tbody는 이해하기 쉽게 구분해 주는거라고 생각하면 된다. 표의 제목 부분을 thead라고 생각하면 됨 html의 기초 html의 기초 html의 기초, html의 다양한 태그들, html이란? 정의 프로그래밍 언어가 아니라 마크업 정보를 표현하는 마크업 언어입니다. 웹개발의 가장 기초가 되는 언어입니다...
html 반응형
·
html
반응형적용하기 가져가서 쓰시오. 브라우저가 1200px 이상일 때 적용되는 css @media screen and (max-width: 1200px){ 브라우저가 1200px 이하일 때 적용되는 css } @media screen and (max-width: 768px){ 브라우저가 768px 이하일 때 적용되는 css } 그냥 이거 가져가서 사용하면 반응형 너도 할 수 있어! @media 밖에 쓴 코드는 브라우저 전체화면일 때 적용되는 css들이다. 브라우저 좌우 아무곳이나 잡고 줄였을 때 브라우저가 1200px이 된다면 첫번째 @media 안의 코드들이 작동된다. 같은 코드라고 해도 아래에 있는 것이 작동되기 때문에 큰 @media px이 위에 작은게 아래에 있어야 작동된다. ++만약 style.cs..
html의 기초
·
html
html의 기초, html의 다양한 태그들, html이란? 정의 프로그래밍 언어가 아니라 마크업 정보를 표현하는 마크업 언어입니다. 웹개발의 가장 기초가 되는 언어입니다. 쉽게말해서 브라우저라는 빈 스케치북에 밑그림을 그릴 수 있게 해주는 연필 같은 존재라고 생각하면 됩니다. 기초 태그들 1. 잘 꾸며지는 것 vs 안꾸며지는 것 display: block VS display :inline css는 나중에 알려드리겠습니다. 지금은 block은 태그를 잘 꾸며주고 inline은 꾸미기가 어렵다고 이해하시면 됩니다. block 태그들은 등등이 있습니다. html의 div태그는 하나의 박스라고 생각하면 됩니다. 현재 div에 강제적으로 크기를 넣어서 색이 칠해졌지만 기본적으로 크기를 안주면 가로의 길이가 100..