일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 |
- 던파
- 디자인론
- 갤럭시S
- 영상편집
- 럭키☆스타
- 하루히댄스
- 코이즈미 이츠키
- 던전앤파이터
- 위약3
- 할인반환금제도
- not supported
- 리리카SOS
- 맑고맑게유쾌하게
- 매드무비
- 스킨다부치
- 트릭스터
- 아이돌링
- 로고
- Galaxy S
- 스즈미야 하루히의 우울
- 위약금제도3
- Premiere Pro
- 맑게맑게유쾌하게
- 럭키스타
- 전면스킨
- ハレ晴レユカイ
- 마도학자
- SKT 불매
- 어둠의전설
- ED
- Today
- Total
IAress
웹표준과 접근성 4일차. 본문
** xhml
XML + HTML
xml 언어를 html 로 표현한 언어
** XML(eXtensible Markup Language)
- 뛰어난 확장성(호환성)
- 단순한 코딩
- 단계적 구성
- 사용자 정의 요소
- 문서 작성시 선언부 반드시 필요
** CSS(Cascading Style Sheet)
웹 페이지의 디자인 표현을 위해 개발된 언어
* 문법
- html
<태그 속성="속성값" 속성="속성값">
- css
선택자 {
속성:속성값;
속성:속성값;
}
## 일반 웹페이지 제작시에는 선택자부터
속성까지 모두 한줄로 작성하고,
마지막 세미콜론은 반드시 삭제 ##
* CSS 적용 방법
1. 내부 스타일
- 스타일 효과를 제작중인 문서내에 직접 작성
- 반드시 스타일 정의 후 효과 작성
- head 태그 내에서 선언
<head>
<style type="text/css">
효과작성
</style>
</head>
2. 외부 스타일
- 스타일 효과를 다른 문서에 작성
- 스타일이 필요한 문서에 링크시켜서 적용
- 효과를 작성한 문서는 *.css 로 저장
<link rel="stylesheet" type="text/css" href="css 파일의 경로" />
* 효과 작성방법
1. 태그 재 정의 스타일
- 기존 html 태그에 스타일 효과 추가
- 해당 태그가 발생하면 효과는 자동으로 적용
2. 사용자 정의 스타일
- 사용자가 임의로 제작하여 사용
- 사용자가 필요한 곳에 직접 적용
* 사용자 정의 스타일
1. id
- 해당 요소의 고유한 구분
- 같은 페이지에서 한 번만 사용
- "#이름"으로 선언
- <태그 id="이름"> 으로 적용
2. class
- 같은 페이지에 여러번 사용
- ".이름" 으로 선언
- <태그 class="이름">으로 적용