HTML에 유튜브 영상을 추가하는 방법은 정말 간단합니다.우선 넣고 싶은 영상을 클릭해주세요.(광고가 끝난 후) 영상 화면을 우클릭하면 [소스 코드 복사]가 있을 것입니다.클릭한 후 HTML 파일에 붙여 주세요.*저작권 문제가 있거나 확산금지 설정을 해두신 경우 영상 추가는 불가합니다.[소스 코드]<!DOCTYPE html><html><head><title></title><body><!– 유튜브 동영상 추가하기–><iframe width=”645″ height=”363″ src=”https://www.youtube.com/embed/8QlqU2GOAs4 ” frameborder=”0″ allow= “accelerometer; 자동 재생; 미디어; ジャイロ; picture-in-picture ” allow fullscreen>/iframe > </frame > </body >[결과 화면]가로사이즈 최대로 만들기, 중앙정렬 등 원하는 디자인으로 바꾸려면 CSS를 배워보고 가능합니다^^HTML은 간단하니까 빨리 끝내고 CSS로 가봅시다!! 다음으로 구글 맵의 확산 기능에 대해 설명하겠습니다. 우선 구글맵 검색해서 접속할게요.주소를 검색하고 공유 버튼을 클릭합니다.맵을 연 후 HTML 사본을 선택합니다.[소스 코드]<!DOCTYPE html><html><head><title>멀티미디어 태그</title></head><body><!– 구글 지도 추가하기–> <iframe src=”https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3171.295568517585!2d127.10263784999202!3d37.35918264363642!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x357b5835c92bb553%3A0x930d2dc794fa9066!2z64Sk7J2067KE!5e0!3m2!1sko!2skr!4v1599995357062!5m2!1sko!2skr ” width=”600″ height=”0″ style=”border:0;” allow fullscreen=” aria-hidden= “false ” tabindex= “0” > </iframe > </body>>[결과 화면]여러분도 잘 되고 있나요?HTML에 잘 추가되면 ‘다행이다!’라고 댓글을 달아주시고, 잘 되어야 할 내용에 대해 질문해주시면 감사하겠습니다! 다들 끝까지 포기하지 마세요. 나는 충분히 잘할 수 있어.저에 대한 믿음 하나면 됩니다.#웹개발 #웹프로그래밍 #프론트엔드 #웹개발자 #웹퍼블리싱 #웹퍼블리셔 #웹프로그래밍입문 #프론트엔드개발 #HTML#CSS#HTML강의#HTML독학#HTML강좌#HTML5#HTML공부#HTML기초#코딩과외/프로그래밍교육+IT교육
