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 뒷 게시물에서도 다루겠지만 블록요소는 아래로 쌓아가는 요소이고, 인라인요소는 한 줄에서 필요한 폭만큼을 가지고 우측으로 쌓이는 요소이다. 단독요소는 닫는 태그가 없는 요소.

#6020. 주민번호 입력 1111-2222 -> 11112222로 출력하기 a, b = input().split('-') print(a+b) * print(a, b)로 하면 공백 출력, a+b로 출력 시 공백 x input 시 문자열로 인식되는듯.. 그래서 두줄에 걸쳐 input() 쓰고 a+b 하면 값이 나오지 않고 문자열 두개 합친걸로 나옴 따라서 input으로 받은 후에 a+b를 통해 값을 구하고 싶을 때 int나 float으로 형변환을 해주어야 함 #6027. 문자열 16진수 변환 출력 a = input() a = int(a) print('%x'%a) #6028. 16진수로 입력받기. a = input() n = int(a,16) #6029 10진수 유니코드 (아스키코드) n = ord(inpu..

1단계라 간단한 문제지만 나만 긴듯? ㅎ.. switch case 문을 쓰고 싶어 검색해봤더니 파이썬은 없다고 한다. 그냥 if 문을 쓴다고 한다. 근데 지금 보니 그냥 7에서 빼줬으면 됐을듯..? .. 쓸 데없이 함수 써서 길게만 만들어놨네 ;; 그리고 .. 전에 배운 in 쓰는거 ㅠㅠㅠㅠ 왜자꾸 안쓰게 되지.. 이중포문 그러면 안써도되는데 생각이 잘 안난다 ㅠㅠㅠ 너무 비효율적이게 짜서 아쉽 .. 무지성으로 푼듯 ㅋ