월횽

안녕하세요! 강연하는 남자 "월횽"입니다. 오늘은 웹사이트나 블로그에서 이미지 태그 (img tag) 사용법에 대해 알아보겠습니다. 이미지 태그는 텍스트 외에 이미지를 추가하여 페이지를 더 매력적으로 만들고, 사용자 경험을 향상시키는 역할을 합니다. 이미지 태그 사용 방법 이미지 태그를 사용하기 위해서는 우선 이미지 파일을 준비해야 합니다. 예를 들어 아래와 같이 이미지.jpg라는 이미지 파일이 있다고 가정합시다. 이 이미지를 웹사이트에 삽입하기 위해서는 다음과 같은 코드를 사용합니다. 코드 해설 · : src 속성은 이미지 파일의 경로를 지정합니다. 여기서는 수업을 위한 이미지.jpg를 지정했습니다. · alt="...": alt 속성은 이미지의 대체 텍스트를 지정합니다. 이 경우, "월횽"을 입력했습..

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘은 HTML에서 줄바꿈 태그 에 대해 알아보는 시간을 가져보겠습니다. 줄바꿈 태그란? 줄바꿈 태그는 문장이 길어질 때 한 문장에서 다음 문장으로 줄을 바꿀 때 사용됩니다. 이는 글을 구성할 때 엔터(Enter)를 눌러서 다음 문단으로 넘어가는 것과 비슷한 역할을 합니다. 줄바꿈 태그는 어떻게 사용하나요? 줄바꿈 태그 는 시작 태그 없이 종료 태그만 사용하여 동작하는 태그입니다. 이는 다른 HTML 태그와는 약간 다른 점입니다. 예시를 통해 줄바꿈 태그를 어떻게 사용하는지 살펴보겠습니다. 안녕하세요. 진로 교육을 진행하는 강연하는 남자 “월횽”입니다. 코딩 수업을 진행하게 되어서 매우 기쁘게 생각하고 있습니다. 위의 예시처럼 줄바꿈이..

안녕하세요! 진로상담과 진로 강연을 하는 월횽(박진형)입니다. 오늘은 코딩 과정에서 자주 사용하게 될 태그에 대해 알아보겠습니다. 바로 시작해볼까요? 태그란 무엇인가요? 태그는 웹페이지나 블로그에서 단락을 만들 때 사용되는 태그입니다. 본문의 단락을 만들 때, 주로 사용한다고 생각하시면 됩니다. 태그 사용 방법 아래는 태그를 사용하여 단락을 만드는 방법입니다. 안녕하세요. 강연하는 남자 "월횽"입니다. 오늘은 p 태그에 대해서 알아보려고 합니다. p 태그는 이렇게 사용한다고 생각하면 됩니다. 태그는 내용을 포함하고 있으며, 단락의 시작을 알리는 태그와 끝을 알리는 태그로 구성됩니다. 간단한 내용은 한 문장씩 작성하는 것이 좋습니다. 요약 오늘은 간단한 태그를 알아보는 시간을 가졌습니다. 단락을 의미하는 ..

안녕하세요! 진로 상담과 강연을 진행하는 "월횽(박진형)"입니다. 오늘은 수업 5강에서 strong tag에 대해 알아보겠습니다. 이 태그는 텍스트를 굵게 강조하는 기능을 합니다. strong tag 사용하는 방법 strong tag를 사용하는 방법은 매우 간단합니다. 다음과 같은 형식으로 사용합니다. 내용 예시 안녕하세요. "월횽"입니다. 지금 5강 strong tag에 대해 수업을 진행하고 있습니다. 위의 예시를 보면 "월횽"이라는 단어가 다른 텍스트와 다르게 강조된 것을 확인할 수 있는데요. 이렇게 강조해야할 텍스트가 있을 때 strong 태그를 사용하시면 됩니다. 오늘은 이렇게 strong tag에 대해 알아보았습니다. 복습을 통해 잘 익혀두시길 바랍니다!

안녕하세요! "진로상담&진로 강연"하는 남자 "월횽(박진형)”입니다. 오늘 진행할 수업은 html 본문에서 사용하는 제목 태그 , , , , , 총 6 가지 제목을 사용하는 방법에 대해서 알아보겠습니다. 제목 태그의 종류는 총 6 가지의 종류로 나눠져있으며, 차이점은 뒤에 어떤 숫자를 사용하는가에 따라서 글자의 크기가 크거나 또는 작습니다. 사용방법은 아래 예시를 통해서 확인해볼까요? 예시 예시 결과 h1 제목 태그 h2 제목 태그 h3 제목 태그 h4 제목 태그 h5 제목 태그 h6 제목 태그 위와 같이 h1 태그 ~ h6 태그까지 알아봤는데요. h1 태그에서 h6태그로 갈수록 점점 크기가 작아지는 것을 볼 수 있습니다. 가장 많이 사용하는 제목 태그는 h1 태그와 h2 태그를 대부분 많이 사용하게 됩..

안녕하세요! 진로교육 & 진로상담을 진행하고 있는 “월횽”입니다. 오늘은 html 수업 제 3강 meta tag 종류와 모음 그리고 의미에 대해서 알아보려고 합니다. UTF-8은 유니코드를 위한 가변 길이 문자 인코딩 방식입니다. UTF-8은 Universal Coded Character Set + Transformation Format – 8-bit 의 약자입니다. 키워드는 SEO 검색엔진에 노출되고 싶은 키워드를 작성하는 공간이라고 생각하시면 됩니다. 개인적으로 가장 글의 주제와 흡사한 내용을 앞에서부터 작성하는데요. 본문 또는 제목과 관련없는 내용은 제외하는 것을 추천해드리는 방법입니다. 사용 방법은 아래 예시를 통해서 확인해보시죠! author 속성은 작성한 사람이라고 생각하시면 이해하기 조금 더..

안녕하세요. 진로강연 & 진로교육을 진행하는 강연하는 남자 "월횽"입니다. 오늘은 html에서 head 부분에 들어가는 meta 태그에 대해서 알아보려고 합니다. 어제 진행했던 수업은 기본적인 html 기본 구조와 사용법을 진행했으며, 오늘은 그 구조에 들어가는 태그입니다. 아래 예시를 확인해볼까요? 예시) 메타태그(Meta tag)란? 우선 meta tag는 한글로 '메타 태그' 라고 하며, 사용하는 이유는 SEO 라고 해서 우리가 검색엔진에 노출을 시키기 위해서 사용하는 태그입니다. 웹사이트를 돌아다니며, 웹사이트를 확인하는 봇이 크롤링이라는 것을 하는데요. 우리가 제작한 웹사이트는 이런 웹사이트야! 라고 알려주는 용도입니다. 메타태그(Meta tag)는 하이퍼 텍스트(Hyper text) 생성 언어..

안녕하세요. 진로강연하는 남자 [월횽]입니다. 오늘은 제 1강 html의 기본태그 "!DOCTYPE html, html, head, body"에 대해 알아보겠습니다. 1. DOCTYPE html 의미: html 기본태그 'DOCTYPE html'은 우리가 브라우저에게 지금부터 내가 Doc에서 사용하려는 타입의 언어는 html5 언어를 사용할 것이야!라고 알려주는 방법입니다. html5 선언 - html5 이전 선언 방법 html 4.01 Strict 선언 html 4.01 Strict4.01 Transitional 선언 html 4.01 Strict4.01 Frameset 선언 XHTML 1.0 Strict 선언 XHTML 1.0 Transitional XHTML 1.0 Frameset XHTML 1.1..