[HTML/CSS] 폰트 사이즈 단위 앞서 기본 문서 작성에 필요한 태그들을 알아봤죠? 태그는 1~7까지의 글자 크기를 다루는데 매번 사이즈를 지정 해 줄수도 없고 좀더 세세한 사이즈가 필요로 하게됐죠. 그래서 폰트는 HTML보다 CSS에서 주로 사용하게 됩니다. 그런데 폰트 사이즈의 단위가 많다보니 헷갈릴 수도 있고, 어떠한 단위를 언제 써야 하는지 알아야겠죠? ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 문서작성 기본태그!! [TIP/Blog] - [HTML/CSS] HTML의 기본구조 [TIP/Blog] - [HTML/CSS] 웹 문서의 개념 HTML에서 속성을 style로 지정한것은 CSS로 아래 단위를 따라가게 됩니다. 티스토리 스킨처럼 HTML에 CSS를 함께 사용하는것이 아니라..
[HTML/CSS] 문서작성 기본태그!! 글을 쓸때 강조하기 위해 글씨를 굵게 하거나, 글자 색, 크기 등을 변경하죠? 흔히 블로그나, 카페 등에서는 문서작성의 편의를 위해 상단에 아이콘으로 제공하는 경우가 많아요. 그럼 상단의 메뉴에 대한 태그를 알아보도록 해요~ w3스쿨js피들 본문에는 사용방법에 대한 예시만 적어놨어요. 결과값들은 위에있는 html연습하는 링크를 타고 직접 작성해 보면 태그에 대한 이해가 훨씬 빠를거에요. 제목태그 태그 속성 속성값 비고 Hn align left 왼쪽 정렬 right 오른쪽 정렬 center 가운데 정렬 Hn에서 n에는 1~6까지의 숫자가 들어가요. 부터 큰 제목이며 는 가장 작은 제목이에요. Hn은 속성, 속성값을 생략하고 사용할 수 있습니다. 예) 이렇게 제목을 ..
[HTML/CSS] 주석달기! HTML의 태그가 많아지거나 다른사람과 함께 작업을 하게 될 경우 무엇인지 표기를 해줘야 헷갈리지 않고 수정할 수 있어요. 또한 테스트를 위해 태그를 일시적으로 사용하지 않게 할 때에도 주석을 사용할 수 있어요. w3스쿨js피들 이제 본격적으로 태그를 다루게 되는데 직접 연습 해 볼수 있도록 위에 링크를 걸어뒀어요. "w3스쿨"은 Try it Yourself를 누르면 연습할수 있도록 창이 열립니다. 여기는 HTML의 태그 종류에 대해서도 상세히(영어로ㅠㅠ) 쓰여있으니 참고해서 연습 하면 좋아요. "js피들"은 HTML과 CSS, JAVASCRIPT를 복합적으로 사용하여 결과물을 보여주므로 조금더 디테일하게 연습 하기에 좋아요. js피들은 안의 내용만 입력 하시면 되요. 와 ..
독타입 선언하기!! DOCTYPE은 Document Type의 줄임말로, 이 문서가 어떠한 HTML 버전을 사용하고 있는지를 인터넷 브라우저에게 알리며 해당 버전의 방식대로 해석하라는 선언문이에요. ▶관련 포스팅◀ [TIP/Blog] - [HTML/CSS] 웹 문서의 개념 [TIP/Blog] - [HTML/CSS] HTML의 기본구조 독타입의 위치 문서 내용 HTML의 기본구조에서 배웠던 보다 더욱 먼저 사용되어야할 태그가 독타입선언이에요. 독타입선언에 따라 웹문서의 형태가 달라질 수 있으니 웹표준을 지키기 위해서는 꼭 해야할 필수 조건이라고 볼수 있어요. 독타입의 종류는 크게 3가지 있으며, HTML5 / HTML4.1 / HTML1 버전별로 선언 방식도 달라요. 독타입의 종류 1. Strict 엄격모..
HTML의 기본구조 우리는 의견을 표현하고 싶을때 "대화"를 하죠? 하지만 사람들 우리나라 사람들 끼리만 얘기가 통하고 외국인과 소통을 하기 위해서는 그 나라의 "언어"를 배워야 해요. 마찬가지로 우리가 표현하고 싶은것을 컴퓨터가 이해하도록 하려면 컴퓨터의 언어인 "C언어"를 알아야 하죠. 서두가 길었는데 마찬가지로 웹페이지에 원하는 대로 표현 하기 위해서는 "웹언어"를 배워야 해요. HTML은 Hypertext Markup Language의 약자로 가장 보편적인 웹언어에요. * HTML은 요소와 속성, 속성값등의 태그로 구성되어 있는데 이러한 요소들은 ''(부등호)로 묶여요. ex) 옹봉이의 비밀의화원 여기서 은 시작태그이며 은 종료태그에요. 종료태그에는 항상 '/'(슬러시)가 들어가야해요. * 예외로..
웹 문서의 개념 블로그를 제공해주는 많은 사이트가 있지만 제가 티스토리를 선택한 중요한 이유는 자유롭게 블로그를 꾸밀수 있다는 점이에요. 막상 티스토리를 시작해보니 마음대로 꾸미기가 마땅치 않음을 알게됐죠 ㅜㅜ 웹문서를 이루는 HTML을 다룰줄 알아야하죠. 조금더 다양하게 꾸미려면 CSS와 JAVA Script도 배워야해요~ 저는 전공자도 아니고 따로 배운적도 없기 때문에 제가 찾아보며 전문적이진 않지만 초보자도 따라 할 수 있도록 가능한 쉽게 설명을 해볼게요!! 웹 문서란? 출처 : http://blog.naver.com/dartplus/ 한눈에 이해하도록 디자인아트님 블로그에서 쉽게 설명을 해놨어요. HTML은 "바디" 즉 몸으로써 웹문서의 기준이 되며 CSS는 HTML의 폰트크기, 간격 등을 변경하..