[컴퓨터]HTML과 CSS
- 최초 등록일
- 2005.10.05
- 최종 저작일
- 2005.05
- 10페이지/ 한컴오피스
- 가격 1,000원
소개글
컴퓨터와 정보화사회
멀티미디어 활용
등의...
수업에 용이한 자료입니다.
목차
Ⅰ. HTML(Hypertext Markup Language)
1. 서 론
2. 기본태그
3. 하이퍼링크
4. 테이블 태그
5. 프레임 태그
Ⅱ. CSS(Cascading Style Sheet)
1.Style Sheet
2.font 스타일
3.링크관련 color, size, decoration 스타일
본문내용
1.Style Sheet
나름대로 정의하자면 HTML 은 TAG 로 구성되고 TAG는 속성을 가진다는 걸 알고 있다. 여기서 말하는 [속성] 을 다른 말로 하면 STYLE 이다.
이 STYLE 을 정의하는 방법을 따로 모아서 CSS(Cascading Style Sheet)라고 부른다.
기존의 태그가 가진 스타일을 따로 떼어낸 정도가 아닌 기존 스타일에 없던 많은 기능을 추가하고 있다는 것이 장점이다.
기존의 HTML방식의 스타일을 적용하려면 해당 태그마다 직접 스타일을 주어왔으나 CSS를 사용하게 되면 모든 문서 내에서 태그 스타일에 공통된 스타일을 한번에 줄 수가 있어서 웹사이트 제작 시간을 단축시키고 무엇보다 유지 보수를 쉽게 해준다.
2.font 스타일
CSS에서 가장 유용한 부분이 바로 텍스트를 일률적으로 스타일을 지정할 수 있다는 점이다. 기존 HTML에서 색상과 사이즈를 준다면 곳곳에<font>~</font> 태그를 남발했어야 했다. 하지만 CSS 를 이용한다면 <font> 태그를 사용하지 않고도 size와 색상을 줄 수 있다.
예를 들면 주로 텍스트는 테이블의 td 태그에 포함되므로,
td {font-size:9pt ; font-color:#333333; }
처럼 해주면 테이블에 든 모든 텍스트가 적용받게 된다. 물론 다르게 가고 싶은 부분은 그 부분만 <font color=red> 처럼 이전의 방법이나 사용자 정의 스타일 사용방법인
<font class="myfont"> 나 <font style="font-color:red">를 사용하면 된다.
3.링크관련 color, size, decoration 스타일
먼저 text-decoration은 밑줄이 있느냐 없느냐를 정의하는 것이다.
A:link 는 모든 링크에 대해,
A:visited 는 링크중에 방문한 사이트인 경우에 대해 ,
A:hover 는 마우스를 올린 링크에 대해,
A:active 는 현재 방문중인 링크애 대해 (프레임 구조에서 효과 있음) 에 대해 스타일을 정하는 것이다
참고 자료
없음