전체 글 썸네일형 리스트형 HTML Tables 태그 HTML Tables태그표를 만드는 태그, 코딩으로 표를 만들때 사용하지만 웹사이트의 프레임를 잡을때도 사용합니다. 예전에는 HTML 테이블로 홈페이지 레이아웃 구조를 잡는데 사용했습니다, 요즘엔 table태그를 이용해서 레이아웃을 잡는건 사용하지 않으나 아직도 쓰는 곳도 있습니다. Firstname Lastname Age Jill Smith 50 Eve Jackson 94 ----------------- Monthly savings Month Savings January $100 February $50 더보기 HTML5 Iframe 태그 아이프레임 태그 주소.com 타겟 종류입니다blank : 새로운 창이 열립니다. 예) 새창 self : 자기 창에다가 링크된 페이지가 열립니다. 예) 현재창 parent : 기존창의 앞 창에 페이지가 열립니다. 예) 부모창 top : 최상위 인터넷창에 페이지가 열립니다. 예) 현재창 더보기 HTML5 id 아이디 속성 HTML5 id 아이디 속성 #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } 내용-------------------------------- 더보기 HTML5 class 클래스 속성 HTML클래스class 속성 .cities { background-color: black; color: white; margin: 20px; padding: 20px; } London London is the capital of England. Paris Paris is the capital of France. Tokyo Tokyo is the capital of Japan. ------------------------------------------------------------------------------ 인라인 클래스 span.note { font-size: 120%; color: red; } My Important Heading This is some important text. 더보기 html5 블록, inline요소 블록태그 , Inline요소 인라인 요소는 height가 적용되지 않는다.인라인 요소는 width가 적용되지 않는다.블록 요소는 vertical-align 이 적용되지 않는다.블록 요소는 text-align이 적용되지 않는다. 블록 요소 London 내용 들어감 인라인 요소My Important Heading 블록 요소 종류- 인라인 요소 더보기 html 리스트 목록 태그 리스트 목록을 만드는 태그입니다.li만 들어갑니다. list item의 약자 ul을 쓸땐 에 li를 써줍니다. Coffee Tea Milk -----------------------------------------숫자 나오는 Coffee Tea Milk 알파벳 나오는 Coffee Tea Milk 커피 Tea Black tea Green tea Milk 더보기 HTML5 Images 이미지태그 이미지 태그 종류 입니다. ----------------------------------------------- img { width: 100%; } --------------------------------------------------이미지 맵 태그 ------------------------------------------------------------- 스타일에 이미지 태그를 넣는 방법도 있습니다 더보기 HTML5 링크 태그 HTML의 링크 태그HTML 링크는 href 하이퍼 링크입니다클릭하면 다른 사이트로 이동할때사용합니다.네이버로 이동 HTML Images---------------------------------------------------링크 방법입니다 ----------------------------링크 페이지를 여는 방법입니다.가장많이 사용하는 태그는 새창으로 열기인 블랭크와톱을 많이 사용하죠_blank - 새 창 또는 새탭에서 링크 된 페이지를 엽니 다._self -클릭되었을 때 같은 창에서 엽니다. _parent- 상위 프레임에서 링크 된 문서를 엽니 다_top - 윈도우의 몸 전체에 링크 된 문서를 엽니 다클릭텍스트대신 이미지를 사용 더보기 이전 1 2 3 4 5 6 7 다음
