목록data (3)
YTCW
아마도 HTML 을 처음 배울 때위 html 코드부터 접했을 것이다.이러한 것은 짧고 직관적이어서혼란스럽지 않았지만처음 마주하는 meta tag에당황스러웠었다.오늘은 meta tag에 대해 알아보도록 하자.meta tag가 하는 일은 무엇일까?meta tag는 HTML 문서가 어떤 내용을 담고 있고,문서의 키워드는 무엇이며,누가 만들었는지 등실제 사용자에게 보이지 않는 부분을작성하는 곳이다.meta tag는 head tag 안에 사용되며사용자에게 정보를 주는 목적보다는검색엔진에 도움이 되는 tag이다.일반적으로 문자 집합, 페이지 설명,키워드, 문서 작성자 및 뷰포트 설정을지정하는데 사용된다.여러 가지 예) 간단한 예를 들어 description 을 설명하자면구글 검색엔진에서 네이버라고 검..
table tag는데이터를 표로 담고 싶을 때사용하는 tag이다.table의 기본 사용법은이전에 ul, ol, dl 처럼전체적으로 감싸주고 시작한다.table tag 안에 넣고자 하는 데이터를 넣는다. 위 사진을 예시로table tag 안에 들어갈 field tag는tr, th, td 가 있는데제일 먼저 tr 을 파악해야 한다. tr 은 table row 의 약자이며총 3줄이므로 아래와 같이 작성한다. 그리고 tr 1번째 줄에는 th 1과 th 2th 가 2개 들어있다.th 는 table header 의 약자로테이블의 제목이다.차례대로 Month, Savings을 작성하고 Month Savings 그 아래 tr 2, tr 3에는td ( table ..
정의할 때 사용하는 정의 list description list ( dl ) 은앞글에서 배운 ul, ol과 마찬가지로전체를 감싸는 tag이다. 그다음에 사용하는 tag는li tag 가 아니라description term ( dt ) 를 사용한다. dt 는 정의할 대상을 작성하는 곳이다. 그다음 사용할 tag는description data ( dd ) 를 사용한다.dd tag 는 dt tag 를 설명하는 내용이 들어와야 한다. dd tag 는 문단, 줄 바꿈, 이미지, 링크, 목록을 넣을 수 있다. 이제 tag에 대한 이론은 들었으니적용한 예를 살펴보자 Coffee Black hot drink //dd가 윗방향으로 dt를 만났을때 dt에 대한 정의 내용이 맞다면..