반응형 분류 전체보기160 [CSS]표 병합엔 border-collapse, 스크롤 생성할 땐 overflow 1) border-collapse collapse는 붕괴라는 뜻으로 할고있는데 아마 보더라인을 병합하는게 기존 보더라인을 합침으로써 없어지니까 collapse라고 하는지 모르겠다. border-dollapse:separate;는 기본값이므로 알고만 있자. border 분리 1 2 3 4 5 6 7 8 border 병합 1 2 3 4 5 6 7 8 결과 기본 값인 분리 모델을 보면 각 셀의 보더마다 라인이들어가있다. 하지만 border-collapse:collapse;를 사용하면 깔끔하게 합쳐진 모습이된다. 2)overflow 속성 overflow 속성에는 hidden, scroll, auto, visible 등이 있다. overflow:hidden; 콘텐츠의 내용이 박스의 크기를 넘어가는 경우 박스의 크.. 2020. 3. 20. HTML 태그: 기본태그/table 태그 기본 태그 ~태그 -~태그는 html 문서 내 제목을 정의하는데 사용한다. -숫자 순으로 중요 순이다. -제목요소는 블록 요소를 포함 할 수 없으며 인라인 요소와 텍스트만을 포함 할 수 있다. -총 6번까지 밖에없다.(, 은 없다.!) Heading(제목 계층) 1 Heading(제목 계층) 2 Heading(제목 계층) 3 Heading(제목 계층) 4 Heading(제목 계층) 5 Heading(제목 계층) 6 결과 태그 -태그는 단락을 정의한다. -브라우저는 각 요소 앞뒤에 약간의 공백(여백)을 자동으로 추가한다, -여백은 CSS를 사용하여(여백 속성을 사용)수정한다. -단락 요소 안에는 , 등 인라인 요소와 텍스트만이 포함 할 수 있으며 블록 요소는 사용할 수 없다. 단락 요소 텍스트를 단락으로 .. 2020. 3. 17. HTML 이란 무엇일까? HTML 이란 HTML은 'Hyper Text Markup Language'의 약자로 웹 문서의 구조를 정의할 때 사용. 제목, 본문, 목록, 링크, 이미지 등의 다양한 콘텐츠를 의미있게 마크업하는 프로그래밍 언어이다. HTML 파일에는 기본적으로 '로 둘러쌓인 태그로 명령을 한다. 예를 들어 가여니 티스토리 는 a라는 하이퍼링크 태그에 href(하이퍼링크)라는 속성을 사용하여 "http://~" 안에 값을 넣어 링크할 장소를 나타낸다. 태그는 여는 태그 와 닫는 태구를 사용한다. HTML은 시대가 변하면서 버전 또한 업그레이드 되었는데 그 중 지금 배우는 것이 바로 HTML5 이다. HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것을 목표로 한다. 일단 html파일을 생성시키면 라고 뜬다.. 2020. 3. 15. Visual Studio Code 설치하기(한국어 변경) HTML을 공부하기 앞서 개발 프로그램을 먼저 설치할 것인데, VS code는 간편화 된 코드 편집기로써 빠르고 적은 오류로 코딩을 확인할 수 있는 장점이 있다. 또, 설치 후 직접 코딩을 해보니 가이드가 친절해서 코딩 초보인 나도 이해하기 쉬웠던 것 같다. 굳이 인터넷에 한번 더 검색해 알아보는 시간을 줄일 수 있다는 장점(?) 우선, VS Code 설치 사이트에 들어간다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern web and cloud ap.. 2020. 3. 12. 이전 1 ··· 24 25 26 27 다음 반응형
