반응형 HTML5&웹디자인7 [CSS] 웹폰트 사용법 사이트를 만들 때 다양한 폰트를 사용하여 꾸미고 싶을 텐데요. 하지만 다른 사람의 pc에 화면상으로 다양한 폰트를 보이게 하려면 그 pc에도 폰트가 있거나 깔아야 합니다. 그러면 용량이나 화면에 출력되는 시간이 지체되는데, 웹폰트를 이용하면 폰트를 다운로드하지 않아도 화면에 출력되게 할 수 있습니다. 웹폰트를 사용하려면 2가지 방법이 있는데, 그중에 쉬운 한 가지 방법을 알려드리겠습니다~ 공개된 웹폰트 소스를 이용하는 방법이 있는데요. 한 사이트를 소개해드릴게요 https://noonnu.cc/ 눈누 - 상업용 무료한글폰트 사이트 상업적으로 이용할 수 있는 무료 한글 폰트를 모아 놓은 사이트 눈누 noonnu.cc 이곳에 보시면 폰트 다운로드 및 웹폰트를 제공해 주는데요, 라이선스 사용 범위도 알아보.. 2021. 10. 12. HTML5 기초-시맨틱 태그 사용하는 이유 & 종류 시맨틱 태그를 사용하는 이유는 세가지 정도가 있습니다. 첫번째는 웹 브라우저가 HTML의 소스 코드만 보고도 어느 부분이 제목인지, 어느부분이 메뉴이고 본문인지를 쉽게 알 수 있기 때문입니다. 그래서 글을 소리로 알려주는 기계(스크린 리더기 등)를 사용하는 시각장애인이 사이트의 구조를 소리로 구분할 수 있게 해줍니다. 두번째는 검색 엔진이 검색을 수행할 때에는 HTML 내에 있는 태그를 분석하는데, 태그들의 의미가 분명하다면 검색 엔진 입장에서 구분하기가 쉬워지기 때문입니다.(description, keywords, author, subject, classification 등의 정보를 표기할 수 있으며, 검색 엔진은 이런 정보를 적극적으로 활용합니다.) 세번째는 코드 가독성 및 유지보수가 쉬워지기.. 2021. 9. 26. HTML5 기초 -HTML5의 기본 구조 안녕하세요 웹 표준인 HTML5의 기본적인 구조에 대해 알아보겠습니다. 위에 태그들이 html5의 기본적인 구성인데요, 인터넷에 실행시키면 아래와 같이 결과가 나옵니다. 그럼 하나하나 의미를 한번 알아보겠습니다. 모든 HTML5 문서에 써야 되는 태그입니다. DOCTYPE 선언은 html태그를 쓰기 앞서 선언되어야 합니다. html 버전이 무엇인지를 웹 브라우저에 알려주는 역할을 하는 선언문으로 대,소문자를 구분하지 않습니다. html 문서의 시작을 선언하는 태그 html 뒤의 lang="ko"의 의미 : lang 설정과 접속자 브라우저의 언어 설정이 다른 경우, 자동번역 인터페이스 뜨게 설정. 한국어 : ko 영어 : en 중국어 : zh 일본어 : ja 독일어 : de 프랑스어 : fe 스페인어 .. 2021. 9. 25. 이전 1 2 다음 반응형
