본문 바로가기

web2

[HTML] 시멘틱 태그 Semantic Tag 시멘틱 태그 Semantic Tag HTML5에 도입된 시멘틱 태그는 의미론적인 태그이다. 단순히 시멘틱 태그만으로는 화면이 변하지 않지만, 문서의 구조를 브라우저와 개발자가 쉽게 알아볼 수 있도록 한다. 구조 header : 문서나 section의 머리글을 지정한다. nav : 요소 탐색 링크의 집합이다. (주로 메뉴바를 만들 때 사용한다.) section : 여러 중심 내용을 감싸준다. article : 내용을 정의한다. aside : 중심 내용 요소를 제외한 콘텐츠를 정의한다. (링크, 메뉴, 광고 등) footer : 문서나 section의 바닥글을 지정한다. section section 내에는 header와 footer를 넣을 수 있고, section 내에 section을 넣는 것도 가능하다. 2019. 12. 4.
[HTML] HTML 기초 HTML HyperText Markup Language 하이퍼텍스트를 마크업하는 언어 온라인 상의 문서를 만들기 위한 구조화된 언어 HyperText 하이퍼텍스트 웹 사이트에서 링크를 클릭해 다른 문서나 사이트로 즉시 이동할 수 있는 기능 Markup 마크업 태그를 사용하여 문서에서 어느 부분이 제목이고 본문인지, 어느 부분이 사진이고 링크인지 표시하는 기능 태그 마크업할 때 사용하는 약속된 표기법을 태그(Tag)라고 한다. HTML은 태그를 사용해서 구조화를 하며 웹 문서에 표시하려는 내용을 전달하는 데 매우 중요한 역할을 한다. 를 이용해서 구분한다. 태그는 대문자와 소문자를 구별하지는 않지만, HTML5 표준 명세에는 소문자 사용을 권장한다. 와 를 정확히 입력한다. (br, img 와 같이.. 2019. 11. 16.