프로그램 공부/HTML (12) 썸네일형 리스트형 생활코딩 따라하기 04. 이미지 추가 태그 : 이미지 추가 태그 src = source ※저작권에 걸리지 않는 이미지 사이트 https://unsplash.com/ Beautiful Free Images & Pictures | Unsplash Beautiful, free images and photos that you can download and use for any project. Better than any royalty free or stock photos. unsplash.com 웹에 넣을 이미지를 현재 코딩하고 있는 web파일에 넣으면 위와 같이 에디터에 이미지 파일이 추가가 됩니다. 코드 부분에 를 추가해주면 웹에 내가 추가한 이미지가 보여집니다. 이미지의 크기는 width="" 를 추가해 지정할 수 있습니다. : 크기를 지정할 수 .. 생활코딩 따라하기 02. 기본문법 태그 1. 글씨 진하게 만들기 2. 밑줄치기 (밑줄 : underLine → u) 3. HTML 제목 (줄바꿈 & 굵은글씨) https://www.w3schools.com/tags/tag_hn.asp 생활코딩 따라하기 01-2. 코딩 실습환경 준비 웹사이트를 만들때 사용되는 프로젝트의 폴더가 될 새폴더(web)를 만들어줍니다. 그 후 에디터(Visual Studio Code) 상단의 [파일]→[폴더열기]를 눌러 아까 만든 web폴더를 선택해 열어주면 위 사진과 같이 탐색기 부분에 WEB이라고 뜨게 됩니다. 왼쪽 탐색기 부분의 WEB에 마우스를 올리면 왼쪽사진과 같은 아이콘들이 나오게 되는게 거기서 새파일 아이콘을 누른 후 파일의 이름을 정해주어 생성합니다. 이름은 1.html로 정해주었는데, 여기서 1은 이름, .html은 확장자명입니다. (ex. 워드-docx, 한글-hwp) 이름은 마음대로 변경해도 괜찮으나 확장자명은 마음대로 바꾸어서는 안됩니다. 이제 웹과 연결하기 위해 웹을 열은 후 (Window에서) 단축키 'Ctrl + O'를 눌러주면 .. 생활코딩 따라하기 01-1. 코딩 실습환경 준비(Visual Studio Code 한글) https://www.youtube.com/channel/UCvc8kv-i5fvFTJBFAk6n1SA 생활코딩 일반인에게 프로그래밍을 알려주는 온라인/오프라인 활동 입니다. www.youtube.com 오늘부터 위의 '생활코딩' 유튜브를 보고 따라해보면서 HTML 공부를 한번 해보려고 합니다. 위의 유투브에서는 '아톰'을 사용했으나 저는 지인의 추천으로 'Visual Studio Code'를 이용했습니다. https://code.visualstudio.com/ Visual Studio Code - Code Editing. Redefined Visual Studio Code is a code editor redefined and optimized for building and debugging modern.. 이전 1 2 다음
