본문 바로가기

홈피관련글

[130612] 웹표준 2강 2교시 - 태그

반응형

글자 관련 태그

1. h(Heading) : 제목줄 태그

- h1~h6 : 숫자가 작아질 수록 글자가 커짐

- 줄바꿈 + 글자 진하게

- h1 : 문서 전체를 대표할만한 단어나 이미지 등에 작성 하나의 문서에 1~2개가 적당

- 제목 태그는 단계적으로 사용

 

소스 

 결과

 <h1> 제목 </h1>

제목

 <h2> 제목 </h2>

제목

 <h3> 제목 </h3>

 

 <h4> 제목 </h4>

 

 <h5> 제목 </h5>

 

 <h6> 제목 </h6>

 

 

2.

 

3. P
  br

 

4. storng : 글자강조 (강조해야 할때)
 - 글자를 진하게
 - b(bold) 태그 대신사용 (잘보이게)

 

5. em : 글자 강조
  - 글자를 기울이게
  - i(italic) 태그 대신 사용

 

6. 목록태그(그룹의 의미)

-의미를 가지지 않는 목록

 - ul(UnOrdered List):비순차 목록 (그룹)

 - ol(Ordered List):순차 목록 (그룹)

 - li(List):목록 태그들의 항목나열

제목없이 사용이 불가 ul-ol 구성원

 

- 의미를 가지는 목록

-dl(Definition List) : 목록생성 (그룹)

-dt(Definition Term) : 목록의 제목

-dd(Definition Description) : 항목 나열

 

 

과제 : 표준화 사이트 찾아서 동일하게 만들기

 

<img src ="url"

        alt = "description"> src = alt(대체텍스트 - 그림을 대신해서 읽어줄 글자) 동급

longdesc="그림에 대한 설명을 넣으려면 이곳에 넣으세요(필요한경우에만)"

 

 

반응형

'홈피관련글' 카테고리의 다른 글

[130617] 웹표준 4강  (0) 2013.06.17
[130614] 웹표준 3강  (0) 2013.06.17
130612 웹표준 2강  (0) 2013.06.12
[130610] 웹표준 1강  (0) 2013.06.10
블로그 마케팅  (0) 2012.06.28