Loading...
2019. 3. 6. 06:30

12강 - 블록 레벨 엘리먼트 (Block level Elements)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 12강 - 블록 레벨 엘리먼트 (Block level Elements) 에 대해서 알아보는 시간을 만들게 되었는데요. 블록 엘리먼트에 대해 간단하게 개념을 알아보고 예시를 통해 어떤 방법으로 사용하는 것인지 알아보려고 합니다. 그리고 다음 수업에서는 블록 엘리먼트와 다른 인라인 엘리먼트에 대해 알아보려고 하는데요. 우선은 오늘 진행할 수업 블록 레벨 엘리먼트에 대해서 기본적인 이론부터 함께 알아보도록 하겠습니다. 블록 레벨 엘리먼트 (Block level Elements) 란..? 블록 레벨 엘리먼트는 말 그대로 블록처럼 아래서 위로 하나씩 쌓아 올리는 태그라고 생각하시면 이해하기 쉽습니다. 블록 레벨 엘리먼트에는 , ~ 등이 ..

2019. 3. 5. 06:30

11강 - 링크 태그 (Link Tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 11강 링크 태그 (Link Tag) 에 대해서 알아보는 시간을 만들게 되었습니다. 오늘 수업도 여러분에게 유익한 수업이 되었으면 좋겠습니다. 그럼 링크 태그에 대해서 알아보겠습니다. 링크 태그 (Link Tag) 란..? 링크 태그의 기본은 태그를 사용하는 방법입니다. 그리고 링크 태그에는 두 가지의 방법이 있는데요. 우리가 지금 보고 있는 텍스트에 링크를 삽입하는 방법 또는 이미지에 링크를 삽입하는 방법이 있습니다. 오늘 두 가지에 대해서 모두 알아보겠습니다. 우선 텍스트에 링크를 사용하는 방법에 대해서 알아보도록 하겠습니다. 텍스트에 링크를 적용하는 방법 우선 기본적으로 우리가 사용하는 텍스트에 링크를 사용하는 방법인데요...

2019. 3. 4. 06:00

10강 - 주석 태그 (Comment Tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 10강 주석 태그 (Comment Tag) 에 대해서 알아보는 시간을 만들었는데요. 오늘 수업도 여러분에게 유익한 수업이 되었으면 좋겠습니다. 그럼 오늘 수업을 지금 바로 시작하도록 해보겠습니다. 주석 태그 (Comment Tag) 란..? 주석 태그는 우리가 웹사이트를 다른 사람들에게 보여줄 때 보여주고 싶지 않은 부분이 있죠? 그 부분을 코딩으로 웹사이트야 여기부터 여기까지는 다른 사람들이 볼 수 없게 만들어줘! 라고 말하는 태그 라고 생각하시면 조금 수월하게 이해가 가능합니다. 주석 태그 (Comment Tag) 사용법 주석 태그의 사용 방법은 매우 간단합니다. 내가 보여주고 싶지 않은 부분의 맨 앞 부분에 이 표시를 해주..

2019. 3. 1. 06:30

9강 - 리스트(list)를 나타내는 태그 (li, ul, ol tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 9강 리스트를 나타내는 태그의 수업을 진행해보려고 하는데요. 리스트를 타나내는 태그에 대해서 수업을 바로 같이 진행해보겠습니다. 리스트를 나타내는 태그란..? 리스트를 나타내는 태그란 우리가 리스트를 나타낼 때 사용하는 태그입니다. 예를 들어서 수업의 목차를 작성할 때 1. 기초 2. 초급 3. 중급 4. 고급 이런 방법으로 리스트 목록 형태를 만들지 않나요? 이렇게 리스트 형태를 만들 때 사용하는 태그가 , , 태그 입니다. 하지만 3 가지의 태그가 약간씩 다르기 때문에 3 가지의 리스트 태그에 대해서 알아보도록 하겠습니다. 우선 태그에 대해서 알아보겠습니다. li Tag 는 자식 태그라고 생각하시면 됩니다. 때문에 자식은 부..

2019. 2. 28. 06:30

8강 - 이미지 태그 (img tag)

안녕하세요! 진로강연 & 진로교육을 진행하고 있는 강연하는 남자 “월횽”입니다. 오늘은 이미지 태그에 대해서 알아보는 시간을 만들었는데요. 이미지 태그 (img tag) 에 대해 알아볼까요? ​​​이미지 태그 (img tag) 란..? ​​이미지 태그는 웹사이트 또는 블로그에 텍스트 이외에 꾸며줄 수 있는 태그인데요. 이미지 태그를 통해서 텍스트를 조금 더 빛나게 만들어주고 소비자의 이해력을 더 높여줄 수 있는 이미지를 삽입할 수 있는 태그라고 생각하시면 됩니다. ​​​이미지 태그 (img tag)는 어떻게 사용하나요? ​​​이미지 태그 (img tag) 사용 방법은 우선 기본적으로 이미지가 있다는 상황에 예시를 통해 보여드리겠습니다. 혹여나 이미지가 없다면..? 예시를 위해 직접 제작한 아래 이미지를 ..

2019. 2. 27. 06:30

7강 - 줄바꿈 태그 (br tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 줄바꿈 태그 tag 에 대해 알아보는 시간을 만들었습니다. 그럼 지금 바로 시작해보겠습니다. ​​​줄바꿈 태그란...? 말 그대로 우리가 문장을 사용하며, 사용하는 문장이 길어지는 경우에 아래로 엔터(Enter)를 눌러서 현재 문단에서 하단 문단으로 넘어가는 방법을 사용하는 것과 같은 것입니다. ​​​줄바꿈 태그는 어떻게 사용하나요? 줄 바꿈 태그 tag 는 기존에 배웠던 p, head, body 와 조금 다른 점이 있다면 시작하는 태그가 없이 끝나는 태그 하나로 동작하는 태그입니다. ​​​​​​​예시를 통해서 같이 확인해볼까요? 예시) 안녕하세요. 진로 교육을 진행하는 강연하는 남자 “월횽”입니다. 코딩 수업을 진행하게 되어서..

2019. 2. 26. 06:30

6강 - 단락 태그 (p tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 6강 단락을 의미하는 태그 태그에 대해서 알아보려고 합니다. 그럼 지금 바로 시작하도록 하겠습니다. 앞으로 코딩을 진행하게 되면 p tag를 많이 사용하시게 됩니다. 우선은 p 태그를 어디에 사용하는지 같이 확인 해볼까요? p tag는 홈페이지 또는 블로그에 많이 사용하는 태그 중 하나 인데요. 예를 들면 개인 블로그를 만들어서 블로그에 내용을 작성하는 예시를 들어보도록 하겠습니다. 단락 태그를 사용하는 방법 (개인 블로그) 블로그 예시 ) 안녕하세요. 강연하는 남자 "월횽"입니다. 오늘은 p 태그에 대해서 알아보려고 합니다. p 태그는 이렇게 사용한다고 생각하면 됩니다. 단락 p 태그를 사용하는 방법은 열어주는 태그를 사용하고..

2019. 2. 25. 06:30

5강 - 굵은 글씨 태그 (strong tag)

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘 수업 5강에서는 굵은 글씨를 사용할 수 있는 strong tag 에 대해 알아보는 시간을 만들었습니다. 그럼 간단하게 태그에 대해서 알아볼까요? 우선 우리가 일반적으로 사용하는 태그 얇은 글씨가 기본으로 적용되어 있는데요. 저번 시간에 배웠던 제목 태그는 제외입니다. 아래 예시를 통해서 차이점을 확인해보까요? ​​​ ​strong tag 사용 vs strong tag 미사용 차이 예시) strong tag 사용 전 - 안녕하세요. “월횽” 입니다. ​​strong tag 사용 후 - 안녕하세요. “월횽” 입니다. ​​strong tag 사용하는 이유 ​이렇게 굵은 글씨와 기본 글씨의 차이점이 분명하게 육안으로 확인이 가능한 태그입..