[130610] 웹표준 1강

이혁주 강사

 

* 웹표준 - 분리해서 코딩

구조 html, xhtml - 내용전달

표현 CSS- 꾸미기

동작 javascript - 움직임

 

* 웹표준확인 -> 보기 - 스타일(CSS)없음

꾸며진것 외에 내용이 보이면 웹표준 ㅋ

 

* 의미있는 콘텐트 구성

콘텐트의 구조화

 

 

* 과제 - 문단/글자와 관련된 tag

<h1>제목크기</h1> <h2>제목크기</h2> <h3>숫자가 줄면 크기는 커져요</h3>

제목크기 제목크기 숫자가 줄면 크기는 커져요

 

아래첨자 & 윗첨자

 

소스	결과
A<sub>+</sub>	A+
B<sup>+</sup>	B+

 

줄변경

 

소스	결과
줄변경 소스	줄변경소스
줄변경<br>소스	줄변경 소스

 

공백(스페이스키) 소스

 

소스	결과
안녕하세요	안녕하세요
안녕   하세요	안녕   하세요

 

4.<pre>태그

소스	결과
안녕   하세요  즐거운  하루되세요	안녕 하세요 즐거운 하루되세요
<pre>안녕   하세요  즐거운  하루되세요</pre>	안녕 하세요 즐거운 하루되세요

 

 

5.조금 작게 & 조금 크게

소스	결과
안녕 : <small>안녕</small>	안녕:안녕
안녕 : <big>안녕</big>	안녕:안녕

 

/ 레이아웃 / form tag 종류

    - CSS

 

 

* editplus   epp351.exe aaa 5AA63-13620-96ZAF-5CWDA-95T14