47037 Members __ Online

정렬
HOME스터디[s]웹표준

웹표준 강좌 01

posted by 라부
date : , update :
hit : 51288, scrab : 0 , recommended : 19 , attach : 1

웹표준 강좌 01 

<?xml:namespace prefix = o ns = "urn:schemas-microsoft-com:office:office" /> 

CSS(Cascading Style Sheet)마크업 언어가 실제 표시되는 방법을 기술하는 언어로, HTMLXHTML에 주로 쓰이며, XML에서도 사용할 수 있다. W3C의 표준이며, 레이아웃과 스타일을 정의할 때의 자유도가 높다.

 

CSS는 지속적으로 새로운 버전이 나오고 있다. 1996년에 도입된 CSS 1 CSS의 바탕이 되었다. CSS의 표준으로는 CSS 2.1이 있으며 이전 버전에 비하여 새로운 기능과 도구가 추가되었다. 대다수의 웹브라우저는 CSS 2.1를 잘 지원한다.(인터넷 익스플로러의 경우, 버전 7이 되면서 CSS2.1을 지원한다.) 현재 W3C에서는 CSS 3를 표준으로 만들고 있다.

 

Css layout의 장점

1.Table 코딩에 비해 용량 50% 절감

2.검색엔진의 접근성이 높아짐

3.유지보수가 쉬워 비용절감의 효과 (표현요소와 데이터의 분리)

 

 

01. Css 시작

<style type="text/css">
body { color: black; background: white; }
</style>

{속성:속성값;}으로 이루어진다.

 

02.CSS 링크 연결

여러페이지에 일관성있는 스타일 시트를 적용하고자 할 때 외부 css를 공통으로 사용합니다.

<link type="text/css" rel="stylesheet" href="style.css">

 

03.Css comments (주석)

/* 이렇게 주석을 달면 되지요 */

 

 

04. 링크

a:link { color: #000000; }  /* for unvisited links */

a:visited { color: #000000 } /* for visited links */

a:active { color: #444444) } /* when link is clicked */

a:hover { color: #555555) } /* when mouse is over link */

 

 

05. id, class

#center {text-align:center;}

.green{color:green;}

 

<span id=”center”></span>

<span class=”green” id=”center”><span>

 

여기서 id는 한번만 호출하여 쓰고 class는 여러 번 호출하여 사용한다

id는 레이아웃을 잡을 때 사용

Class는 색과 크기등 을 잡을 때 사용한다.

 

06.공간구분

html_01_01

<?xml:namespace prefix = v ns = "urn:schemas-microsoft-com:vml" />

 

07. block inline

html 이나 xhtml tag들은 block level element inline level element로 나누어진다.

줄바꿈으로 구분할 수 있다.<br/>제외

block level element <div><h1~6>, <p>,<ul>,<ol>,<il>

inline level element <br/>, <img/>, <span>

 

08. double side element single side element

double side element 는 처음과 끝을 표하는 <p></p>형식이고

single side element 는 하나의 element 로 이루어진다. <img src=”주소”/>

기존에는 single side element “/” 를 사용하지 않았지만 웹표준을 지키고자 한다면 />을 지켜주어야한다.









웹표준, 강좌
댓글 22 | 엮인글 0

웹표준 강좌 02 _List
다음글이 없습니다.





%3Cul+class%3D%22Klocation%22%3E%3Cli+class%3D%22first%22%3E%3Ca+href%3D%22..%2Fhompy%2F%22%3EHOME%3C%2Fa%3E%3C%2Fli%3E%3Cli%3E%3Ca+href%3D%22..%2Fhompy%2Fstudy.php%22%3E%EC%8A%A4%ED%84%B0%EB%94%94%5Bs%5D%3C%2Fa%3E%3C%2Fli%3E%3Cli%3E%3Ca+href%3D%22..%2Fhompy%2Fstudy.php%3Fmid%3D69%22%3E%EC%9B%B9%ED%91%9C%EC%A4%80%3C%2Fa%3E%3C%2Fli%3E%3C%2Ful%3E