웹코딩 (3) 썸네일형 리스트형 html 2강ㅣbr 태그 지금까지 알아봤던 것들은 어떻게 생겼나요? 맞습니다. 이렇게 생긴 게 2개 있었죠? 이런 식으로 말이죠. 하지만 "br"이라는 태그는 약간 특이합니다. 지금까지 알아봤던 것들은 요소들을 감싼다는 느낌이 강했다면, 이건 감싸는 게 아니라 그냥 태그 그 자체로 뜻을 가집니다. "br"이라는 태그 안에 뭘 넣을 수 없어요. br 태그는 이렇게 생겼거든요. 이전 글을 보셨던 분들이라면 뭔가 좀 이상하다고 느끼실 수 있습니다. 왜냐하면 이전 시간에 배웠던 태그들은 다 이렇게 생겼거든요. 하나로만 끝나는 게 아니라 2개입니다. (하나) (둘) 2개죠? 왜 하필 2개고 또 2번째 건 왜 "/" 이게 들어가는 걸까요? 가 2개인 이유 이전 시간에 h1 태그는 글자를 감싸면서 html에게 "이거 제목이야"라고 전달해주는.. html 0편ㅣ환경 설정 코딩은 vsc로 코딩하는게 좋기 때문에, vsc를 다운로드해야 합니다. 검색창에 vsc를 검색하고 맨 위에 있는 링크를 들어가주세요. Download for Windows 를 누르세요. 다운로드가 완료되었으면 파일을 여세요. 약관을 동의하고 "다음" 을 누릅니다. "바탕화면에 바로가기 만들기" 를 누르고 "다음" 을 누릅니다. "설치" 를 누르세요. 파일 다운로드가 시작됩니다. 보통 1분이 안걸리니 다른거 하고 계시면 됩니다. 다 다운로드 되었으면 "종료"를 누릅니다. 실행되면 이런 창이 뜨는데요, "파일>폴더 열기"를 누르세요. 폴더 열기 창이 열리면 우클릭하고 "새로 만들기>폴더"를 눌러주세요. 원하는 이름을 입력해주세요. 저는 webcoding으로 하겠습니다. "폴더 선택"을 눌러주세요. 폴더가 성.. 웹폰트 깨짐 현상 해결방법 보통의 웹폰트는 크기가 15px 아래로 내려가면 폰트가 깨지는데요, p, a, h1, h2, h3, h4, h5, h6 { transform: skew(-0.1deg); } 이렇게 하시면 웹폰트 깨짐 현상이 해결됩니다! css가 글자들을 0.1도 기울리면서 깨짐 현상이 아주 쉽게 해결됩니다! (가끔씩 0.01도 이렇게 알려주는 경우도 있던데, 0.01도를 기울여도 그대로인 폰트들이 가끔 있어서 0.1도를 돌리는 것을 추천드립니다 :D) 감사합니다! 이전 1 다음
