YoonStudyNote

안에서 사용하는 태그들은 HTML 문서의 구조를 나타낸다. DIV(막쓰는 태그) 는 division의 약자로 분할을 뜻하고 문서의 부분이나 섹션을 정의한다. 명확한 의미를 가지지 않기 때문에 정말 많은 경우 단순히 특정 범위 묶는 wrap 용도로 사용한다. 보통 이렇게 묶인 부분들에 CSS나 JS를 적용하게 된다. cf.막사용된다는것이 부정적인것보다 긍정적인 의미에 더 가깝다. 그래서 다양하게 사용할 수 있고, 의미가 없는곳 조차도 사용할 수 있기 때문에 모양을 만들어내는데 굉장히 특화되어서 사용 될 수 있다. 아무렇게나 묶고 묶음을 어떠한형태로도 만들 수 있기 때문에 JS나 CSS로 제어하는 용도로 사용이 된다. //소스코드 예시. div는 div를 감쌀수 있다. 이렇게 어떠한 형태로도 다 사용이 가능..

HTML 문서의 범위 문서의 구조 //문서의 시작이 어디고 끝이 어딘지 표현한다. //정보를 바탕으로 실제로 화면에 출력할 구조들은 (이미지, 동영상, 글자 등) 이 영역안에 넣는다. LINK(CSS 불러오기) 외부 문서(css)를 연결할 때 사용한다. 특히 HTML 외부에서 작성된 CSS 문서(xxx.css 파일)을 불러와 연결할 때 사용한다. 빈(empty) 태그이다. 속성 의미 값 rel (필수) 현재 문서와 외부 문서와의 관계를 지정 stylesheet, icon 등... href 외부 문서의 위치를 지정 경로 STYLE(CSS 작성하기) CSS를 외부 문서에서 작성하고 연결하는 것이 아니고 HTML 문서 내부에 작성할 떄 사용한다. CSS는 무조건 style라는 태그 안에 작성해야한다. SCRI..

태그는 각자의 의미를 가지고 있다. ex. h1 = 제목 p = paragraph 문단 img = 이미지를 삽입할 때 사용하는 태그이다. div = 분할 속성(Attributes)과 값(Value) 태그(요소)의 기능을 확장하기 위해 '속성'을 사용할 수 있다. 부모와 자식 요소 태그A가 태그B의 콘텐츠로 사용되면, 태그B는 태그A의 부모 요소, 태그A는 태그B의 자식 요소라고 한다. 과일 목록 사과 딸기 오렌지 바나나