모바일 웹을 하고싶어서 자료를 이것저것 찾아보던중에 웹도 기술이 참 다양하다는걸 깨달았다. 처음에는 무엇을 해야할지 하다가 제일 기본적인 HTML/CSS를 건드려보기로했다...(시간이 없기에 빛의 속도로 습득하려고 한다..)
먼저 CSS의 기본인 텍스트를 변경하는거 부터 시작하겠다.
개발 환경이나 개발도구는 무엇을 써도 좋다. 본인은 원래 이클립스를 이용해서 jsp로 개발을 하나 포스팅을 할때 편의상 에디트플러스로 스샷을 찍어서 포스팅 할 예정이다.(헌데 하다보면 이클립스도 빈번히 나올듯..ㅎㅎ)
HTML 페이지를 맨 처음에 보면 이런형식으로 되어 있다.
HTML은 태그로 이루어진 언어로 쉽다고 할수 있다. 텍스트를 변경하기 위해서는 <HEAD> 태그 안에 <STYLE></STYLE>태그 안에서 이루어진다. 꼭 HEAD 태그 안에만 써야하나? 그건 아니다. BODY에 써도 되지만 이게 표준이란다.
BODY 태그에 아무 문자열이나 입력해 놓고 시작해보자.
body에 aaaaa란 텍스트를 넣고 style 태그에는 body를 참고하는 (프로그래머한테는 함수라는 개념이라고 생각하면댈듯.)태그명을 쓰고 {}로 묵어준다. 그리고 그 안에 속성을 정해주면 끝난다.(참~ 쉽죠잉?)
다음에는 class에 대해서 알아보겠다. class란 태그의 이름을 짓는다고 보면 된다.
태그 속성으로 써주며 <div class="이름명">이런 형식으로 정해주면된다.
style에서는 접근을 할때 '태그명.class명{}'이런 식이다.
'HTML/CSS' 카테고리의 다른 글
| <CSS> import 방식과 external 방식 (1) | 2011.10.28 |
|---|---|
| html 기본적으로 자주 쓰이는 tag 모음. (0) | 2011.10.28 |
| HTML List에 대해.. (0) | 2011.10.28 |
