본문 바로가기

작업/웹디자인

(11)
HTML 한바퀴 ②주요 태그 요소들 ●주요 요소들. , 같은 볼드처리지만 은 중요하다는 의미까지 포함. , 같은 이텔릭체지만 은 중요하다는 의미까지 포함. 텍스트에 하이라이팅 효과를 줌. 여기클릭 중간 줄 긋기. 여기 밑줄 긋기. 여기 , 윗첨자, 아랫첨자 X2 X2 짧은 인용구 / 감싸면 ""가 생김. 그냥 ""로 감싸지말고 태그들로 감싸줘야 봇이 인지해 큰 인용구 / 감싸면 단락이 나뉘고 들여쓰기가 됨. Abbreviation의 약자로 축약하는 태그. 마우스가 가면 나오게 해줌 HTML 주소 표기. 위아래 공백이 생기고 이텔릭체로 출력됨. 메모 entity -엔티티. 이런 특수문자나 발음기호 등이 있음. W3c에서 확인. -알아두면 좋음. 가끔 워드프레스에서 안먹힐때 쓴당. (공백)
HTML 한바퀴 ①간단한 기초와 구성 우연히 알게된 TCPschool.w3c와 비슷한 구조로 되어있고 한글로 되어있고 간략한 설명이라 빠르게 읽고 파악하기가 쉽다.알게된 김에 쭉 읽고 내맘대로 정리해보며 한바퀴 돌아보려고 한다. 시작. ●HTML 시작. -Hyper Text Markup Language -웹 페이지는 HTML문서라고도 불리며, HTML태그들로 구성됩니다. -시작태그와 종료태그로 되어있는데 빈태그도 있음. -w3c : World Wide Web Consortium www협력단. 즉 엡 표준을 제정하고 관리하는 기관. 최신의 것들이 업데이트 됨. HTML/CSS/DOM/SVG/XHTML/XML을 관리함. ●주요 구조, 선언 현재 문서가 html5 문서임을 선언. HTML문서의 루트 요소를 정의. Meta data를 정의. 메타데..
개인, 상업 무료 폰트 | 몬트 Mont 개인, 상업용 무료로 이용 가능한 폰트 딱 기본이지만 촌스럽지 않아야하고 다양한 분위기와도 잘 어울어질만한 폰트를 찾았다. 특히 라이트 버전이 팝한 컬러와 분위기가 잘 어울린다. 요즘은 컨텐츠 제작시 내부에 텍스트를 넣는 작업을 거의 줄이는 추세로 폰트 자체를 찾아볼 일이 별로 없었다. 그래서 오랜만에 무료폰트 사이트를 찾게 되었고 마음에 드는게 눈에 띄었다. 사실 이전부터 보였던 폰트지만 이렇게 문득 눈에 띄거나 생각나는 폰트들이 있는데 몬트가 그랬나보다. 항상 아쉬운건 이렇게 예쁜 무료폰트들은 영어권만 지원하는게 많다. 이렇게나 모던한 산세리프체는 많고 많지만 어딘가에 살짝씩 포인트를 준 느낌이다. weight가 상당히 다양한 폰트지만 100% 무료는 extra light, heavy 이렇게 두가지만..