HTML이 웹페이지에 들어 가는 여러형태의 구성요소를 만드는 것이라면 CSS는 구성요소의 스타일을 정하는 방법이다. CSS가 무엇이고 어떻게 사용하는지 클래스와 아이디를 사용하여 구성요소를 어떻게 조회하는지 웹페이지를 재구성하기 위해 DIV를 사용하는 법, 테두리와 포지셔닝, 컬러와 폰트, 텍스트와 링크 포맷을 조정하기 위해 CSS를 사용하는 법을 배운다. CSS란 무엇인가 HTML로 웹페이지에 구성요소를 추가할 수는 있지만 이들의 위치, 색깔, 폰트 또는 스타일을 조절하기는 쉽지 않다. 스타일 정보를 페이지 내용과 별도로 저장하여 내용에 영향을 주지 않고 쉽게 스타일을 조정하자는 것이 주된 생각이었다. 실제로 HTML은 전혀 손대지 않고 CSS만 변경하여 웹페이지의 모습과 레이아웃을 바꿀 수 있다. 왜..

추천사이트 https://codepen.io/pen/?editors=1000 지금 블로깅하고 있는 책의 유명한 저자 '롭 퍼시발' 만든 홈페이지입니다. 구글아이디로 가입하고 쉽게 html coding을 실행하고 연습해 볼 수 있습니다. 그리고 이를 @techedrob 로 트윗하면 저자의 피드백도 받을 수 있습니다. 내 코딩소스 올리는 방법 이제까지 배운 코딩연습으로 간단한 내 홈페이지를 만든후 코드를 붙여넣기 하세요. 화면의 아래쪽에서 자신의 웹페이지를 볼수 있어야 합니다. 이를 저장하면 url주소를 생성해 소셜 미디어에서 공유할 수 있습니다. 이것을 @techedrob으로 트윗하면 저자의 피드백을 받아 볼 수 있습니다. 이 코드펜 홈페이지는 월 8달러 서비스이지만 여기서 소개한 것은 이메일만 인증하고 ..

내 블로그에 유튜브영상 링크하기 ① youtube.com으로 가서 원하는 비디오를 클릭한다. ② 아래로 내려가서 공유버튼을 클릭한다. 빨간색 구독버튼위에 있다. ③ 퍼가기 버튼을 클릭한다 ④ ctrl + c 를 이용해 코드를 복사하거나 복사링크를 클릭한다. 그리고 내 웹페이지에 붙여넣기 한다. 실제 위의 방법으로 링크시킨 모습