HTML 시작하기_01
웹표준 : 구조(html)와 디자인(css)을 구분
* structure : html - 어떤 언어가 표준이 아니라, 모든 언어로 웹표준을 제작가능 하지만, 어떻게? 즉 웹표준으로 만드는 방법이
중요하다.
1. html 4.01
2. xhtml 1.0
3. html 5
* presentation: CSS
*behavior : javascript
- 혼환성 문제로 xhtml 1.0 사용하진만, 확장성 때문에 DOCTYPE 만은 html5로 선언하기도 한다.
* HTML4.01
<> 사이에 명령어 태그 작성
시작태그와 종료 태그
종료태그가 없거나 생략가능한 태그
- 종료태그가 없는 태그 : br , img, hr, meta , input
- 종료태그 생략가능태그 : 주석, p ,option
- 디버깅 하지않음 (에러는 잡아내는 행위 : 잘못된 부분이 있어도 잘못됬다고 말하지않음, )
- 대소문자를 구별하지않음
태그의 특징
<태그 속성=속성값1 속성값2 속성="속성값">
1. 하나의 태그에는 여러개의 속성을 사용할 수 있지만, 같은 속성을 두번 사용할 수 없슴
2. 하나의 속성에는 하나의 속성값만 사용
3. 속성값에는 한글을 사용할 수 없지만 원래 이름이 한글인 경우에는 사용가능
4. 속성값에 "생략가능"
5.표현에 간련된 속성사용금지
* XHTML
반드시 종료 선언
- 종료태그가 없는 태그 : 태그 뒤에 "/" 표기
ex) <br> -- <br />
< img src=""> -- < img src="" />
종료태그 생략가능한 태그 : 반드시 종료태그작성.
반드시 대소문자를 구분함,모든 태그와 속성은 소문자로만 작성
문서상단에 반드시 DOCTYPE 선언(*)
브라우져에 따라 HTML문서를 해석하는 방법이 다르기 때문에, 브라우져마다 HTML 문서를 해석하는
방식을 알려주는 것이 DOCTYPE 이다. 그러나 HTML5에서는 DOCTYPE을 사용하지않는다.
4. 속성값에는 "" 반드시 사용
5.값이 없는 속성사용 불가 --- <input type="checkbox" checked="checked">
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ko" xml:lang="ko"> - lang="ko" 기본언어 설정 (스크린리더기와 같은 단말기에 알려줌)
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> - charset=utf-8" 문자셋
<title> new document </title> - 웹표준검사기가 읽어서 타이틀이 지정되지 않았다면 지적함
</head>
<body>
</body>
</html>
*************************************************
과제 - 네이버와 다음 페이지에 사용된 태그 정리해 보기
XHTML의 태그는 모두 94개 이다.
nineDeveloper
안녕하세요 현직 개발자 입니다 ~ 빠르게 변화하는 세상에 뒤쳐지지 않도록 우리모두 열심히 공부합시다 ~! 개발공부는 넘나 재미있는 것~!