반응형 web/HTML&CSS10 HTML5의 시멘틱태그, 그 외 태그들 HTML5란? HTML5는 HTML의 다음버전으로 HTML4를 업그레이드한 것이다. HTML5는 특정 플러그인에 의존하지 않고 콘텐츠를 제공하는 것을 목표로 둔다. HTML5에선 개발자가 자주쓰는 표현들을 태그로 만들어주었는데 이 태그들은 HTML의 구조를 보다 논리적으로 만들어준다. 물론 windows7같이 옛날 브라우저에는 작동하지않는다. 이제 전처럼 섹션을 일일히 div태그로 나눠줄 필요가 없어진 것.! 보다 편리해졌다. 시맨틱웹태그(semantic) : 문서의 헤더 부분의 구조를 나타내는 태그 : 문서의 네비게이션 구조를 나타내는 태그 : 문서의 멀티미디어 요소를 나타내는 태그 : 특정 컨텐츠를 그룹화 시켜주는 태그 :문서의 사이드 컨텐츠, 즉 본문과는 다른 서브 컨텐츠를 나타내는 태그 : 문서의.. 2020. 3. 26. [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. 이전 1 2 다음 반응형
