시멘틱 태그 시멘틱(semantiv: 의미가 통하는) 요소(element)는 레이아웃을 구분하는 태그로, 이를 사용해서 웹사이트의 구조를 나눌 수 있으며, 그 각각의 주요 태그가 표준화 돼있다. (물론 와 안에 들어가며, 문서의 기초 레이아웃을 나눈다.) (예전 html4에서는 태그를 이용해서 id속성으로 header, content, footer등을 구분해 구조를 짰지만, 시멘틱 태그를 이용하면 더 낫다.) 태그 : 머리말, 제목 : 문서레이아웃에서 제목부분을 차지하거나, 같은 다른 시멘틱 태그안에서 제목부분으로 사용될 수 있다. ( != ) 태그 : 내비게이션 링크(문서 연결) : 문서를 사이트간에 연결하는 링크부분, 네이게이션이라고 함. 주로 메뉴로 사용되며, 독립해서든 시멘틱태그 안에 포함되는 위..
1-2. HTML구조 ... : 문서유형선언문서의 유형을 지정하는 태그(같지만 태그가 아님) html4에선 엄격모드, 호환모드, 프레임세트모드(기본값: 관용모드)등등 복잡하지만 html5에선 한줄로 끝 아니면 로 씀 : 웹문서의 시작과 끝와 부분이 과 사이에 들어감 속성으로 lang이 쓰임 ... lang으로 문서에서 사용할 언어를 지정가능 언어 독일어 영어 프랑스어 한국어 중국어 일본어 코드 de en fr ko zh ja 이외에도 엄청 많은데, ISO 639-1(국제표준화기구 언어약어 정의규정)에 따라 2글자 or 3글자 코드 할당. 참고 : https://homzzang.com/b/html-156 : 문서에 대한 정보부분문서의 실질적인 내용이 아닌, 문서의 정보나 설정, 연결된 문서에 대한 내용이 ..
1-1. HTML 상식 HTML은 HyperText Markup Language, 하이퍼 텍스트 마크업 언어 라고 합니다. 웹페이지 = 웹문서 = HTML문서 = 여러 태그()으로 구성되며, 기본적으로, - 태그는 소문자이고, - 기본태그형식 : 입니다. (속성은 없을 수도 있고 여러개일 수도 있음) - 여는태그(), 닫는 태그()를 같이 쓰는 경우도 있으며, 닫는 태그 없이 쓰는 경우도 있습니다. - , 같은 것을 태그라고 하며, 내용 같은 한 뭉텅이를 요소라고 합니다. 자주쓰는 상식 태그 (~) : 제목 텍스트 : 텍스트 단락 : 줄바꿈(개행) : 진한 텍스트 : 이탤릭체(기울임) 텍스트 : 이미지 : 링크 상식 문법 사이에 주석내용을 적어서 주석을 달 수 있습니다. vs : 둘다 태그안의 속성으로,..
