코드 썸네일형 리스트형 [HTML] 이것만 알아도 실수를 줄일 수 있다. "HTML? 간단하다며 시작했는데, 왜 이렇게 자꾸 꼬이지?"웹 개발 입문자라면 꼭 한 번쯤 겪는'도대체 뭐가 문제인지 모르겠는 상황들'...사실 그 시작은 [사소한 HTML 실수]에서 비롯됩니다.이번 글에서는 HTML을 배우면서많은 사람들이 반복하는 10가지 실수를실전 예제와 함께 디테일하게 짚어볼게요. 🤓 오늘 배울 태그 & 실수 포인트 💡 각 실수마다 "잘못된 코드"와 "수정된 코드"를 비교하며,왜 그 실수가 문제인지 구체적으로 이해할 수 있게 구성했어요. 1. 생략→ 한글이 깨지는 가장 흔한 원인입니다. 메타 태그는 문서의 문자 인코딩을 알려줘요.이게 없으면 특히 한글이 깨져서 보일 수 있어요.반드시 브라우저 탭에 표시되는 제목인 은반드시 내부에 위치해야만 해요. 8~10. 사소하지.. 더보기 [HTML] CSS 추가하기 HTML만으로도 괜찮다고요? [HTML] CSS 추가하기 디자인 안 입힌 HTML은 그냥 밋밋한 뼈대일 뿐입니다. 눈에 보이는 건 결국 CSS가 만들어주는 거예요. 버튼 하나, 간격 하나, 폰트의 질감까지. 그런데 아직도 CSS를 어떻게 연결할지 모르겠다면, 이번 글이 꽤 실용적일 겁니다. 오늘은 HTML에 CSS 파일을 연결하고 제대로 활용하는 방법에 대해 정리해 보겠습니다. 오늘 배울 건 HTML에서 CSS 파일 추가하는 법입니다. HTML에 외부 CSS를 연결하려면 태그를 사용합니다. rel="stylesheet"는 이 파일이 CSS임을 나타내고, href="styles.css"는 연결할 CSS 파일의 경로입니다. 이 태그는 반드시 안에 넣어야 브라우저가 문서를 로딩하면서 스타일을 바로 적용.. 더보기 [HTML] input 활용하기 안녕하세요. 오늘은 input에 대해 알려드리겠습니다. 어떤 곳에 어떻게 사용하느냐에 따라 정말 다양하게 활용 할 수 있는 수식입니다. 기본적인 구성!! 버튼 체크박스 색상선택 년 월 일 선택 년 월 일 시 분 초 선택 메일 주소 파일 첨부하기 숨기기 이미지 파일 년 월 숫자박스 비밀번호 ****** 라디오 (체크표시) ex) 동영상 볼륨 조절 초기화 검색 제출버튼 연락처 입력 시 분 초 url주소 주 쓰기 나름입니다. 보편적으로 text, date, submit, button, number, hidden을 많이 사용하는 것 같습니다. 가장 많이 사용하는 text로 예시를 하나 만들어보겠습니다. value 값으로 미리 해두면 바로 홍길동이라고 나오게 되어있습니다. name은 input의 용도를 표현 할 .. 더보기 [HTML] 주석 활용하기 안녕하세요. 오늘은 작업중에 기억해야 할 부분이나 수정해야해서 코멘트를 남기거나 할 때 활용해야하는 주석에 대해 알려드리겠습니다. 보편적으로 초록색이나, 노란색으로 표기가 될 것 입니다.(물론 다른색상으로 변경이 가능합니다.) 주석이란? (Comment) 주석(comment)이란 사용자, 개발자가 작성한 해당 코드에 대한 이해를 위한부가적인 설명이나 디버깅을 위해 작성한 구문을 의미합니다.이러한 주석은 다른 HTML 코드와는 달리 웹 브라우저에 의해 표현되지 않습니다. 안녕하세요 HTML일 경우는 이렇게 해주시면 정말 간단하게 된답니다. 모두 안녕하세요 ----의 갯수는 상관없답니다. 그리고 💡줄이 달라도 열고 닫기가 확실하다면 주석처리가 깔끔하게 됩니다. 끝입니다. 정말 쉽죠?? 자.. 이제.. 더보기 [VSCode] 설치 및 응용 프로그램 정말 다양한 코딩 프로그램이 있는데 가장 많이 사용하고 대표적인 프로그램인 VSCode를 사용하는 중입니다. 여러분들 중 다른 프로그램을 쓰신다면 그대로 쓰시고, 이제 시작해볼까 하시는 분들은 VSCode를 사용해보시는게 어떨까요? 😊 VSCode를 사용하신다면 추가적으로 프로그램내에 설치하면 좋은 확장프로그램을 추천해드리겠습니다. 1. VSCode 설치하기 ❤️❤️ 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 web and cloud applica.. 더보기 이전 1 다음
