시맨틱 태그 (Semantic Tag)란?:우선 시맨틱(Semantic)이란 단어는 무엇일까? 시맨틱 단어 그 자체에는 ‘의미의, 의미론적인’ 라는 뜻이 담겨있습니다.이로 유추해보았을 때, 시맨틱 태그는 태그 내용에 의미를 부여하는 태그라고 할 수 있습니다. 시맨틱 태그는  웹 페이지에 보이는 것 이상의 정보를 제공합니다. :시맨틱 태그 (Semantic Tag)는 포함된 콘텐츠의 특정 의미를 정의하고 목적을 갖는 태그입니다.시맨틱 태그의 요소로는 , , , , ,  등이 존재합니다. 이러한 시맨틱 태그 요소는 콘텐츠를 섹션으로 구성하고 각 부분의 역할과 기능을 전달하는 데 도움이 됩니다. HTML5에서는 시맨틱 태그의 등장으로 좀 더 명시적이면서 직관적인 구조의 설계가 가능해진 것 입니다.시맨틱 태그 ..

HTML(HyperText Markup Language)   :  html은 웹페이지를 만들기 위한 가장 기초적인 마크업 언어입니다. html은 태그로 이루어져있고, 태그들을 이용하여 웹 브라우저 상에 텍스트, 이미지, 하이퍼링크등을 표시합니다. 태그들은 (꺾쇠)사이에 표기되며, 몇개의 태그들을 제외하고 내용처럼 반드시 닫아주어야 합니다. html은  혼자 쓰이기 보다는 CSS, 자바스크립트 등과 함께 쓰여 브라우저에 디자인적, 기능적 요소를 더해서 사용됩니다.  이하는 html문서를 작성하기 위한 가장 기초적인 html5의 기본 틀입니다.   : 문서의 시작부분에 명시하며, 문서유형을 나타내 줍니다. 해당 문장은  웹 브라우저에게 html문서를 처리 하라고 알려주게 됩니다.: html문서가 시작되고 ..

Cascading 소개 : 스타일 규칙 및 선언이 어떻게 적용되는지에 대한 규칙 및 우선 순위가 결정되어야 합니다. 이를 캐스케이딩 이라고 하는데, 다양한 스타일 규칙이 충돌하는 상황에서 어떤 스타일이 최종적으로 적용되는지 결정합니다.CSS의 정식 명칭은 Cascading Style Sheets 라는 이름에서 볼 수 있듯이 Cascading은 CSS의 핵심이라고 할 수 있습니다.캐스케이딩은 다음의 3가지에 의해 결정됩니다.중요도(Importance) - !important로 선언된 스타일 규칙은 다른 모든 규칙보다 우선순위가 높습니다.명시도(Specificity) - 구체적인(특정한) 선택자가 높은 우선순위를 갖습니다. 예를 들어, ID 선택자가 클래스 선택자보다 높은 우선순위를 갖습니다.소스 순서(So..