홍가의 코딩공부

안녕하세요 홍가 입니다. 오늘은 HTML로 테이블을 만들고 CSS로 꾸며주는 공부를 해보려고 합니다. HTML기초를 보고 싶으신 분들은 ↓↓↓↓↓↓ https://honggacoding.tistory.com/6 HTML 기초 공부하기 (기본틀 짜기, 주석처리, inline block태그, 제목태그, 입력태그 - form / input, 테이 안녕하세요 홍 가 입니다. 오늘은 HTML기초를 공부하려고 합니다. 저도 배워가는 과정이라 제가 아는 선에서 알려드리도록 하겠습니다. 저는 항상 웹 사이트를 만들 때 폴더를 하나 만들어 놓고 honggacoding.tistory.com 전 시간에 이렇게 만들어 봤어요 Preview랑 웹 페이지로 보는 거랑 차이가 없죠? 초반 마크업 할 때 정말 편하답니다. 우선 CS..

Html, Css, JavaScript 기초공부 2021. 10. 9. 10:00

안녕하세요 홍 가 입니다. 오늘은 HTML기초를 공부하려고 합니다. 저도 배워가는 과정이라 제가 아는 선에서 알려드리도록 하겠습니다. 저는 항상 웹 사이트를 만들 때 폴더를 하나 만들어 놓고 시작을 합니다. 맨 위 상단바에 File - Open Folder을 누르시고 생성해 놓은 파일을 클릭하시면 이런 창이 나옵니다 저는 웰컴 페이지를 지운 거예요 이 폴더에 파일을 만들어야지 웹사이트가 나오겠지요? 화면과 똑같이 마우스를 가져가시면 뉴 파일이라고 뜹니다. 클릭하셔서 index.html과 style.css를 만들었습니다. 그러면 창이 이렇게 두 개가 뜨는데 html은 이제 웹사이트를 나타내 주고 css는 html을 꾸며주는 역할을 합니다. html은 사람 얼굴이고 css는 화장품 같은 개념이죠. 이게 기초..

Html, Css, JavaScript 기초공부 2021. 9. 26. 16:46

안녕하세요 홍가 입니다. 오늘은 제가 만든 웹 사이트를 네이버에 검색되게 만들어 보려고 합니다. https://searchadvisor.naver.com/ 네이버 서치어드바이저 네이버 서치어드바이저와 함께 당신의 웹사이트를 성장시켜보세요 searchadvisor.naver.com 원래는 웹 마스터도구 였는데 서치어드바이저로 이름이 바뀌었네요. 조금 밑에 가시면 웹마스터 도구 사용하기를 눌러주세요 여기에 제가 만든 사이트를 넣어볼게요 넣으시면 이렇게 사이트 소유확인이 나오게 되는데 저는 HTML 태그로 해볼게요! 저기 있는 태그를 복사해서 head부분에 넣으면 끝입니다. 헤드 사이 아무 곳에다 넣어 주시면 되요 저장을 하고 전에 사용했던 netlify에 가서 Deploys 눌러 파일을 재업로드 해주세요 조..

Html, Css, JavaScript 기초공부 2021. 9. 13. 22:28

안녕하세요 홍가 입니다. 오늘은 제가 전에 만들어 놓은 웹 사이트를 인터넷에 공개를 해보려고 해요 인터넷에 공개를 하려면 제가 직접 할 수도 있겠지만 .. 너무 어렵고해서 저는 웹 호스팅을 제공해 주는 업체를 사용 하려고해요! https://www.netlify.com/ Netlify: Develop & deploy the best web experiences in record time A powerful serverless platform with an intuitive git-based workflow. Automated deployments, shareable previews, and much more. Get started for free! www.netlify.com 넷틀리파이를 사용했고요 무료..

Html, Css, JavaScript 기초공부 2021. 9. 1. 21:09

안녕하세요 홍가 입니다. 오늘은 검색 엔진을 이용해서 구글을 따라 만들어 보려고 합니다. 저는 우선 비주얼 스튜디오 코드로 코딩을 해보려고 합니다. 제가 가장 좋아하는 방법이에요 ! + TAP을 누르시면 저렇게 기본 양식이 바로 뜹니다. 이제 마크업을 하도록 하겠습니다. 저는 몇 가지 프로그램을 깔았는데요 HTML Preciew를 깔면 저렇게 창으로 간편하게 확인이 됩니다. html lang은 언어를 뜻하고요 head안에 title은 웹 페이지 제목을 표시해줍니다. h1은 body 제목을 나타내고요 form은 정보전달 태그 input은 입력하는 칸 태그입니다. css활용을 하려면 헤드 안에 link라 치시면 :css라고 나올 겁니다 그걸 누르시면 저렇게 연결되었다는 link태그가 나옵니다 이제 생성된 H..

Html, Css, JavaScript 기초공부 2021. 8. 22. 19:54

안녕하세요 홍가 입니다. 티스토리 첫 글입니다. 공부 관련된 글만 올리려고 하고 한 달에 2~3개 정도 올리려고 합니다. 같이 html공부를 하면 좋을 거 같아서 만들게 되었습니다. 열심히 노력하는 모습 보여 드리겠습니다. 웹 사이트를 만든다고 하면 어렵게 생각을 하시는데요 이럴 때 만들어져 있는 웹 사이트를 한 번 응용해서 사용하려고 합니다. https://www.free-css.com/free-css-templates Download 3221 Free Website Templates - CSS & HTML | Free CSS www.free-css.com 여기서 무료로 다운로드를 하실 수 있으세요! 다운로드 후 압축 풀기 여기서 주의사항 index.html로 되어있는지 확인 그러고 무료 배포인지 확인..

Html, Css, JavaScript 기초공부 2021. 8. 12. 15:46