Notice
Recent Posts
Recent Comments
Link
«   2025/02   »
1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28
Tags more
Archives
Today
Total
관리 메뉴

블로그

코딩공부)HTML_웹표준 7일차 본문

HTML

코딩공부)HTML_웹표준 7일차

오구리 2018. 12. 30. 22:11
728x90

속성은 따옴표

 

제목부분 h태그

p태그는 문단나누는것 내용이라는 뜻은 아니다.

그냥 내용 나열하는 정렬 p태그

ul태그는 하나하나정리하면서 정렬

 

1.h(Heading)

- 제목 표시

- 1(큰 제목)~6(작은 제목)

- 줄 바꿈 + 볼드체 적용

 

2.p(paragraph)

- 문단 구분 내용이라는뜻은 아니다.

 

3.br(break)

-줄바꿈

 

<font size="5"><b>웹 표준 및 접근성</b><font> -> 굵게표시됨 뜻은없음(진한글자)

물리적 태그(시각적)

 

<strong>태그는 강조라는 뜻을 가지고 있는 태그

-> 왜 strong을 써야하는지 이해

 

4. strong : 글자 강조

- 글자를 진하게

- b(bold)태그 대신 사용

 

5.em : 글자 강조

- 글자를 기울이게

- i(italic)태그 대신 사용

논리적 태그(의미)

 

b,i -> 뜻이없이 글자가 보여지는것(꾸미기,장식) -> 표현 -> css

 

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

- 의미를 가지지 않는 목록

- ul(Unordere List) : 비순차 목록 - 페이지 내용을 목록으로 표시할때

- ol(Ordred List) : 순차 목록

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

 

- 의미를 가지는 목록

- dl(Definition List) : 목록생성 - 페이지 내용을 목록으로 표시할때(의미포함)

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

- dd(Definition Description) : 항목 나열

 

7.div

- 의미 없는 문장

- 의미가 다른 여러 개의 요소를 그룹화

 

8.a

 

9.img

-src,alt

 

10.address

- 사용자들로부터 피드백을 받을 수 있는 연락처 정보

 

--태그의 의미와 목적을 알고 사용하자.