728x90 반응형 HTML&CSS 시리즈4 꿀 팁 사이트: JSFiddle | HTML&CSS 시리즈 015 https://jsfiddle.net/ JSFiddle - Code Playground jsfiddle.net JSFiddle - Code Playground jsfiddle.net 위 사이트는 따로 프로그램 없이 그냥 웹에서 바로 프로그래밍을 할 수 있는 사이트 입니다. 또한 작성후 save 를 누르면 새로운 주소가 생깁니다. 그렇다면 이걸 활용하여 궁금한점이나 오류가 발생했을때 이 주소를 보내어주면 훨씬 좋을거 같습니다. 2021. 7. 23. 유명 인물을 소개하는 간단한 사이트를 만들어보기 | HTML & CSS 시리즈 010 앞에서 배운 내용들을 가지고 응용해서? 유명인물을 소개하는 사이트를 만들어 보겠습니다. * 조건 title 태그에 인물 이름 h1 태그에 인물 이름 img 태그에 인물 사진 (인터넷에 올라와 있는 이미지) p 태그에 간단한 설명 (b 태그와 i 태그 하나씩 포함시켜주세요.) 이 인물과 연관 있는 사이트로의 링크 (a 태그) 한개 레이첼 맥아담스 어바웃 타임 여주인공인 '레이첼 맥아담스' 입니다. 영화- 어바웃 타임 사이트 2021. 7. 23. 들여쓰기? 그게 뭔데? | HTML&CSS 시리즈 006 들여쓰기 ? 그게 뭔데?? 들여쓰기 하는 방법은 tab 을 누르거나 한 번에 드래그해서 들여쓰는 방법으로는 드래그한 후 ctrl + }를 누르면 된다. 위 사진을 보면 들여쓰기가 뭔지 한번만에 이해 할 수 있을것 같다. 들여쓰기 그러면 왜 하는데?? 그딴거.. 음 찾아본 결과 - 부모요소의 태그의 위치나 파일의 경로를 알아보기 쉽게 표시하려고 - 웹페이지를 코딩할때 소스코드가 복잡하게 있으면 찾기어려워서 => 그러니까 깔끔하게! 다른 개발자들이 봤을때 알아 보기 쉽게! 하려고 이다. 솔직히 자신만의 코드를 개발하려고 들여쓰기 안해도 될까? 생각도 해봤다. 그런데 협역필요 없는 개발을 할때에도 코드가 길어진다면 본인 또한 찾는데 시간이 걸릴꺼 같다는 생각이 들었다. 결론은 무조건 들여쓰기 습관을 들이자! .. 2021. 7. 22. 텍스트 에디터: Sublime Text 설치/단축어 | HTML&CSS 시리즈 001 https://www.sublimetext.com/ Sublime Text - the sophisticated text editor for code, markup and prose Available on Mac, Windows and Linux www.sublimetext.com * 위에 sublime text 사이트에 들어가서 download 버튼을 눌러서 쉽게 설치할 수 있습니다. 다들 아시겠지만, as you know 컴퓨터에 있는 메모장으로도 아주 간단하게 코딩을 할 수 있습니다. 그러나 하지 않는 이유가 있습니다. 1. 어디에 오타가 있는지, 어떤 태그가 있는지 등등을 알 수 없습니다. 2. 코딩을 하고 싶은 마음이 사라지게 합니다.ㅋ 그래서 많은 사람들이? 코딩에 특화된 텍스트 에디터를 사용합.. 2021. 7. 22. 이전 1 다음 728x90 반응형