우주방랑자 썸네일형 리스트형 [CSS] css font / font-family / 포괄적 폰트 지정 / font-weight / line-height font - font의 형태 폰트지정 : 폰트 지정에서는 첫번째에 지정되어있는 폰트가 없을시 두번째, 세번째로 지정이 된다 포괄적인 폰트지정 : 포괄적인 폰트 지정은 서체의 종류를 지정하는 것이다. 서체의 종류는 총 5가지가 있다. - 포괄적인 폰트지정 종류 설명 example serif 글씨에 꺽쇠가 붙어져 있는 서체 sans-serif sans는 없음을 뜻하고 국내에선 고딕체와 같은 것이 이에 해당된다. cursive 필기체 같은 형태이다. fantasy 일반적 서체가 아닌 개성이 있고 장식성이 많은 서체이다. monospace 고정폭 서체이다 모든 글씨의 폭을 동일하게 만들어준다. 각각의 서체의 종류를 실행해 보았다. 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 .. 더보기 [HTML] 메타(meta) 태그 정리 / 메타 태그 종류 메타 태그를 충실히 입력하면 검색 엔진에서 해당 키워드로 검색 시 상위에 노출될 확률이 높아지며 이는 키워드 광고를 이용하지 않고도 사이트가 상위 노출됨으로써 광고비용이 절감된다 메타태그의 속성 메타태그 속성에는 http-equiv, name content 3가지 속성이 있다. http-equiv = "항목명" - 웹 브라우저 서버에 명령을 내리는 속성 - name 속성을 대신해 사용할수 있음 - html 문서가 응답 헤더와 함께 웹 서보로 부터 웹 브라우저에 전송되었을때만 의미를 가짐 - content 속성의 정보 / 값을 위한 HTTP header를 제공 - html4에서는 문자 설정을 할때 사용했지만 html5에서는 문자 설정 방법이 더욱 간단해짐 ex) html4.01 : html5 : conte.. 더보기 [HTML] 시멘틱 태그 (Semantic Web) 란??? / Semantic tag 들어가기 - HTML5의 큰 특징중 하나이다! - 시멘틱 요소는 자신의 의미를 브라우저와 개발자 모두에게 명확하게 설명한다. (w3schools.com) - 검색엔진이 HTML을 분석할때 정확하게 컨텐츠를 식별하기 위해 정한 규약이다. 시멘틱 요소들을 쓰는 이유는 다음 글을 읽어 보고 대화를 나누자 ㅋ -------------------------------------------------------------------------------------------------------- "나는 검색된다. 고로 존재한다.” - 검색엔진은 이 시대의 가장 강력한 권력 중의 하나다. SEO(검색엔진 최적화: Search Engine Optimization) - 같은 마케팅 도구를 사용해 검색엔진이 본인의 웹사.. 더보기 [HTML] 기본문법 1.HTML(HyperText Markup Language) - Web의 가장 기본이 되는 언어로 " Hyper Text Markup Language" 의 줄인말이다. - 웹페이지를 기술하기 위한 마크업 언어 - 웹페이지의 내용(content)과 구조(structure)을 담당하는 언어로써 HTML 태그를 통해 정보를 구조화 하는것 - HTML은 태그로 이루어진 언어이며 태그는 으르 끝나는 구조를 가지고 있다. 2. - HTML5 문서는 반드시 으로 시작하여 문서형식(document type)을 HTML5로 지정한다. HTML5 HTML4 HTML4까지의 문서 타입은 복잡하고 길이가 길었으니 HTML5가 등장하며 간편하게 바뀌었다. 3. - 실제적인 HTML document는 2행부터 시작되는데 과 사이.. 더보기 이전 1 다음
