yoon's Devlog

Definition List dl은 dt와 dd를 감싸고 보다시피 dl - dt - dd 에서 dd로 갈수록 하위 요소이다. Step07_dl.html 정의형 목록 (Definition List) dl HTML Hyper Text Markup Language 의 약자 입니다. css Design 적인 요소를 결정합니다. javascript language 적인 요소를 담당 합니다. 실행 결과

ul 은 unordered list, ol은 ordered list를 뜻한다. 예제를 통해 ul과 ol에 대해 살펴보자. 예제 1 - ul Step05_ul.html 순서 없는 목록(unordered list) ul 요소 친구 목록입니다. 김구라 해골 원숭이 어떤 목록을 나타낼때 문자열을 단순히 나열하는게 아니고 아래와 같이 구조화를 해서 나열해야 한다. 친구 목록 입니다. 김구라 해골 원숭이 ul 은 블럭요소이며 위아래 마진과 왼쪽 페딩을 가지고 있다. ul 은 block element 이며 margin-top 과 margin-bottom 과 padding-left 를 가지고 있다. 실행 결과 ul의 구조 위의 사진처럼, ul과 ol은 공통적으로 왼쪽 padding과 위아래 margin을 가진다. *p..

앞서 말했듯이 inline Element는 한 줄 안에서 좌에서 우측으로 쌓아가는 요소 이고, 각각의 필요한 만큼의 공간을 차지한다. 1) span의 필요성에 대한 예시 Step04_inlineElement.html 인라인 요소에 대해 알아보기 하나 두울 세엣 span요소는 인라인 요소입니다. 하나 두울 세엣 span요소는 인라인 요소입니다. 실행 결과 span을 사용하면 문장 내의 요소 개별로 돋보이게 할 수 있음!! 2) id attribute / vs / vs Step04_inlineElement2.html 인라인(inline) 요소에 대해 알아보기 하나 두울 세엣 span 요소는 인라인 요소 입니다. 하나 두울 세엣 span 요소는 인라인 요소 입니다. 하나 두울 세엣 span 요소는 인라인 요소..

예제 1 Step03_blockElement.html div 요소는 주로 문단을 나타낼 때 사용합니다. div 요소는 주로 다른 요소를 포함 시키는 용도로 사용합니다. 문단3 문단4문단5문단6 단락 1 입니다. 단락 2 입니다. 단락 3 입니다. 실행 결과 문단과 단락이 헷갈리는데, 단락은 좀 더 문장 구조적인 관점에서 보는 것 같고, 문단은 html에서 상하를 나누는 개념인 것 같은데 맞는지 확실하게는 모르겠다. 아직도 헷갈림.. 중요한 것은 는 보다시피 상하 margin이 있다는 것! 여기서 참고! 따로 포스팅할진 아직 모르겠지만, top->right->bottom->left의 시계방향으로 보통 이야기하고, padding, border, margin의 개념은 정확히 알아둬야할 것 같다. 예제 2 St..

요소와 속성이 다소 헷갈리게 판단이 되어 명확하게 외워야할 것 같다. 영어로 하면 안 헷갈리는듯 .. 요소 = element 속성 = attribute 값 = value 뒷 게시물에서도 다루겠지만 블록요소는 아래로 쌓아가는 요소이고, 인라인요소는 한 줄에서 필요한 폭만큼을 가지고 우측으로 쌓이는 요소이다. 단독요소는 닫는 태그가 없는 요소.