[웹프로그래밍] 8.& 9 &10 html태그
html태그
특징
semantic : 그 의미에 맞춰서 태그를 사용
- 링크
- 이미지
- 목록
등..
기본 태그
<a> : 하이퍼링크
<ul> : unordered list
<div> : division, 영역 나누기 보통 dummy 표현시 사용 - block element
레이아웃
- header
- footer
- section
- nav (navigation)
- aside
header, footer 등은 웹페이지에서는 인식되지 않는 경우도 있기 때문에 div 태그에 class로 header footer 를 주는 경우가 많고 해당 태그들은 모바일 페이지에서 더 많이 사용된다
class / id
id = identifier , 고유한 이름. 하나에 하나만 지정 가능( 여러개 해도 동작은 된다) 하나밖에 없는 고유한 UI
하나하나에 특별한 제어를 할 수 있으며 검색에도 용이
class - css 클래스로 어떤 하나를 만들어두고 그 이름을 부여함으로써 여기저기 같은 클래스를 가지는 값들이 같은 스타일을 가지도록 함
특징
semantic : 그 의미에 맞춰서 태그를 사용
- 링크
- 이미지
- 목록
등..
기본 태그
<a> : 하이퍼링크
<ul> : unordered list
<div> : division, 영역 나누기 보통 dummy 표현시 사용 - block element
레이아웃
- header
- footer
- section
- nav (navigation)
- aside
header, footer 등은 웹페이지에서는 인식되지 않는 경우도 있기 때문에 div 태그에 class로 header footer 를 주는 경우가 많고 해당 태그들은 모바일 페이지에서 더 많이 사용된다
html structure design
class / id
id = identifier , 고유한 이름. 하나에 하나만 지정 가능( 여러개 해도 동작은 된다) 하나밖에 없는 고유한 UI
하나하나에 특별한 제어를 할 수 있으며 검색에도 용이
class - css 클래스로 어떤 하나를 만들어두고 그 이름을 부여함으로써 여기저기 같은 클래스를 가지는 값들이 같은 스타일을 가지도록 함
No comments: