반응형

IT/HTML

[HTML] data-tab을 이용하여 Tab 기능 만들기

data-tab태그 와 cnt의 id값을 공통으로 하여 연결시켜준다. HTML 01월31일 02월01일 02월02일 오늘의 할일 비타민 챙겨먹기 선풍기씻기 냉장고청소 오늘의 할일 홍삼먹기 연차 오늘의 할일 청소하기 화분물주기 CSS .container{margin:0 auto; width:80%;} .tab_tit{padding-top:20px; border-bottom:1px solid #777;} .tab_tit::after{content:''; display:block; clear:both;} .tab_tit li{float: left;width: 150px;height: 32px;text-align: center;line-height: 32px; cursor:pointer} .tab_tit li:..

2020.01.31 게시됨

IT/HTML

웹표준이란

웹표준 · 웹 사이트를 만들 떄 지켜야 하는 약속들을 정리한 것 · 웹 표준을 지켜 사이트를 제작하면 장소나 브라우저와 상관없이 쉽게 웹사이트를 볼수있다. (크로스브라우징 가능(모든 브라우저(익스플로어, 크롬, 파이어폭스, 사파리)에 작동가능) · 웹 표준으로 문서 하나를 만들면 어떤 기기(브라우저)에서나 볼 수 있기 때문에 개발자와 디자이너의 시간 절약 · html5로 문서를 만드는 것 = 웹 표준을 지킨 문서를 만드는 것 · html , css , js 3가지를 갖춘 것을 말한다. · html5부터 웹표준을 준수한다. · 의미(디자인) : css ​ ▶ html : 뼈대를 갖춘다. ▶ css : 디자인을 만든다. , 효과를 적용시킨다. ▶ JS : 효과를 적용시킨다.

2019.12.11 게시됨

IT/HTML

html 기본 태그정리

● 제목태그 : ~ 까지 있으며 h1은 페이지에 하나만 존재한다. ● div : division의 약자로 레이아웃(웹사이트 틀)을 만들때 주로 사용한다. 웹페이지에서 논리적 구분을 정의하는 태그이며 블록을 알맞게 배치하고 width값, height값을 정해줄 수 있다. ● p(paragraph) : block요소며 긴 글을 단락에 따라 나눌때 사용한다. ● span : inline속성으로 div와 달리 width값, height값을 정해줄수 없다. 보통 중요단어에 사용하나 필요에 따라 사용 할 수 있다. ● pre : 공백을 살려주는 태그 (줄바꿈 적용됨) ​ ​ ● 항목태그 · ul : (unordered List) > li: 순서가 없다. · ol : (ordered List) > li: 순서가있다...

2019.12.11 게시됨

반응형