이책이 나에게 하는말...
:한페이지에서 다른 페이지로 링크를 걸땐 "<a>"를 사용한다.
:<a>의 href는 목적지를 나타낸다.
3.블록만들기
-인용문
:<q> 인용문에 사용된다(따옴표가 생김-안되는 브라우져도있음)
-단지 따옴표의 의미가 아닌 구조적으로 인용문임을 알릴수있음
:<blockquote>는 긴인용문에 사용된다.
*<q>:인라인 엘리먼트(문단안에 흐름에 따름)
<blockquote>:블록 엘리먼트(스스로 자립할수있음-라인 브레이크가 달림(엔터))
-리스트
:<ol>-순서대로 나타냄
:<ul>-정렬이 안된 리스트
:<li>-리스트 항목
:<dl>-정의리스트의 블록엘리먼트
:<dt>-용어를 나타내는 엘리먼트
:<dd>-설명을 나타내는 엘리먼트
4.인터넷 연결하기
:<a>의 id를 이용하여 목적지 앵커를 사용합니다.(#id)를 넣으면된다.
target의 속성중에 "_blank"이용하여 새창을 뛰움.
5.웹페이지에 이미지 추가하기
:웹페이지에 한개이상의 큰 이미지가 있다면 섬네일을 이용하여 웹페이지를
빠르게 한다.
:alt를 이용하여 스크린리더가 읽을수 있게 한다.
6.표준,신뢰성, 기타등등
:<body>에는 블록엘리먼트만 들어간다.
-인라인 엘리먼트는 블록엘리먼트안에 들어가야한다.
:블록 엘리먼트는 인라인 엘리먼트안에 들어갈수없다.
:블록 엘리먼트는 <p>엘리먼트밖에 두어야한다.
:<blockquote>엘리먼트는 블록엘리먼트만 온다.(인라인 엘리먼트는 블록으로 감싸야한다.)
:Transitional은 예전에 html방식을 인정한다.Strict는 완전한 html4.0을 준수한다.
-변화기라면 Transitional 사용하고 새로운 작업이라면 Strict을 사용한다.
:더이상 표현을 위한 엘리먼트 사용하지 않는다.
7.XHTML로 이동하기
:DOCTYPE을 HTML4.01 Strict에서 XHTML 1.0 Strict로 변경한다.
:<html> 시작테그에서 xmlns,lang 그리고 xml:lang속성을 추가한다.
:빈엘리먼트 끝에 있는 ">" --> "/>"으로 변경한다.(기존 브라우저와 호환을 위해 "/>" 공백을 추가한다.)
8.CSS 시작하기
:각각의 속성의 정의 끝에는 세미 콜론을 넣습니다.
:콤마로 구분하여 여러개의 속성을 가질수 있습니다.
:상속도에 의거 속성들은 상속을 받습니다.
:재정의가 가능합니다.
:클래스이름으로 정의가능합니다.
:여러개의 클래스이름을 사용가능 공백으로 구분한다.
-같은 스타일이 여러개일경우 특별한것이 적용되며 같은 레벨이라면
제일 나중에 쓰인 선택자가 사용된다.
9.폰트와 색으로 장식하기
:폰트나 색으로 장식할때는 body에 먼저 정한다음
하위 엘리먼트에는 상대적으로 정의하여 유지보수성(접근성)을 높인다.
:구조적으로 의미있게 엘리 먼트를 사용하고 꾸밀때는 css사용한다.
꾸미기위해 엘리먼트를 사용하지말자.
10.박스모델
:박스는 콘텐츠영역,패딩,테두리,마진으로 구성된다.(모든 엘리먼트는 박스가구성된다.)
:하나의 그룹으로엘리먼트에 대한 스타일을 합치기 원할때는 class속성을 이용한다.
:하나의 엘리먼트는 오직하나의 id만 가질수 있지만,많을 클래스에 속할수 있다.
:여러개의 스타일 시트가 있을때 제일 하단부터 적용된다.
:media속성으로 미디어 장치를 고를수있다.
11.div와 span엘리먼트
:<div> 논리적인 구간안으로 서로관련된 엘리먼트를 합치는데 사용된다.
:좀더 자세히 스타일링과 명쾌함을 위해 중첩된 <div>를 사용한다.
:Text-align은 블록엘리먼트의속성
:구조적엘리먼트를 사용할수있다.
:<span>인라인 엘리먼트는 <div>와 비슷하나 <span>은 연관된인라인 엘리먼트들과 텍스트를 묶는데 사용된다.
12.레이아웃과 포지셔닝
-떠있는 레이아웃(liquid)
:떠다니는 엘리먼트들은 보통의 흐름밖으로 옮겨지며 왼쪽 혹은 오른쪽으로 옮겨짐.(float)
:auto가 아닌 특정값을 가져야한다.
:하단에 곂치는 문제는 clear로 곂치지 않게한다.
:css가 없는곳에 컨텐츠의 위치가 정확하지 않다.
-liquid레이아웃
:유동적으로 브라우저가 늘어날때마다 컨텐츠가 늘어남
-frozen레이아웃
:컨텐츠의 넓이를 고정한다.
:브라우저의 크기와는 상관이없다.
-jello레이아웃
:콘텐츠의 너비가 고정되어 있지만 마진은 브라우저 와 함께 확장되고 축소한다.
:보통 컨텐츠가 중앙에 위치할때 사용된다.
:position의속성으로 위치를 잡는다.
:absolute는 clear속성이 안먹음,조상엘리먼트가 있으면 위치는 조상에서 부터시작한다.
:z-index의속성으로 떠있는 엘리먼트에 순서를 정한다.
13.테이블과 더많은 리스트
:테이블은 데이터를 구조화할때만 사용된다.
:<summary>,<caption>등으로 추가적인 정보를 제공한다.
:리스트는 다른 엘리먼트처럼 css를 사용할수 있다.
:list-style-type은 리스트에서 사용된 마커의 유형을 변경하는것을 허용한다.
:list-style-image는 이미지를 사용하는것을 명시한다.