# nav

14개의 포스트
post-thumbnail

JS Mini projects - Rotating Navigation Animation

왼쪽 상단 nav 클릭시 -> 클래스 추가 및 삭제 -> hide showcontainer 와 nav 로 구성,container에 배경색을 하얀색으로 해주고, body 배경색을 회색으로 해놓음 container에 show-nav시 회전효과를 줘서 가려진 nav바를 보여

2022년 6월 20일
·
0개의 댓글
post-thumbnail

semantic image‏‎ ‎semantic image‏‏‎ ‎semantic image‏‏‎ ‎semantic image‏‏‎ ‎semantic imagesemantic image‏‏‎ ‎semantic imagesemantic image‏‏‎ ‎semantic

2022년 4월 25일
·
0개의 댓글
post-thumbnail

🧙🏼 HTML 구조를 나타내는 요소

: 컨텐츠 분할 요소 : 블록 레벨 요소 : 플로우 콘텐츠를 위한 통용 컨테이너 (순수 컨테이너로서 아무것도 표현안함): 본질적으로 아무것도 나타내지 않음 : 인라인 컨테이너 : 인라인 레벨 요소 : 본질적으로 아무것도 나타내지 않음 : 어떤 특성의 값을 서로 공유하는

2022년 3월 31일
·
0개의 댓글

HTML 의미론

HTML 문서의 작성 의도를 사용자에게 정확하고 다채롭게 전달하기 위해 HTML 의미론 알아두기

2022년 3월 18일
·
0개의 댓글

css 셀렉터 활용하여 코드 양 줄이기

cleal:both 속성이 적용되면 margin속성이 마음대로 적용이되지 않는다. 그럴 땐 float다음 나오는 태그 사이에 div박스를 하나더 만들어 cleal:both 속성을 주고 그 다음 태그에 margin을 주게 되면 원하는 데로 margin을 얻을 수 있다.H

2022년 2월 21일
·
0개의 댓글

시맨틱 웹/태그

'semantic'이란 의미론적인 뜻을 가지며 마크업은 HTML문서 태그로 문서를 작성하는 것을 말한다.검색 엔진은 시맨틱 마크업을 분석하여 페이지의 검색 랭킹에 영향을 줄 수 있는 중요한 키워드로 간주하여 SEO(Search Engine Optimize)에 영향을준다

2022년 2월 5일
·
0개의 댓글
post-thumbnail

[HTML, CSS] 다양한 네비게이션 설계하기

[HTML, CSS] 다양한 네비게이션 설계하기

2021년 9월 14일
·
0개의 댓글
post-thumbnail

웹사이트 만들기 #01

출처 : 드림코딩 by 엘리flexboxFlex 컨테이너(부모 요소) 내부에 Flex 아이템(자식요소) 넣기display: flex; 부모요소에 display: flex;를 작성한 상태에서 추가 속성을 넣으면요소의 정렬 상태를 다양하게 변경할 수있다. 수평정렬flex-

2021년 9월 4일
·
0개의 댓글
post-thumbnail

네비게이션 메뉴

2021년 8월 12일
·
0개의 댓글
post-thumbnail

네비게이션

아래 3개의 html파일의 네비게이션이 잘 동작하도록 만드세요 index.html about.html contact.html

2021년 8월 11일
·
0개의 댓글

React Bootstrap Nav.Link

부트스트랩을 이용하여 페이지를 작성중에<Nav.Link>를 쓰는 상황이 있는데<Nav.Link>와 <Link>는 일종의 <a>태그입니다.그래서 <a>태그 안에 <a>태그가 있다는 warning이 뜨는데...이렇게 바꿔 주시면 됩니다.

2021년 7월 28일
·
0개의 댓글
post-thumbnail

[TIL-html] Semantic HTML-2

note: HTML문서 내 여러 header 요소를 가질 순 있지만 header안에 footer나 address, 또 다른 header를 넣을 수는 없는 것으로 보인다. 쉽게 HTML(header1, header2, section, footer..)이런식의 구조는 괜찮

2021년 3월 10일
·
0개의 댓글
post-thumbnail

HTML | Semantic Web, Semantic Tags + <img>, <background-image>

Semantic Web 의미: 의미론적인 웹 기존의 잡다한 데이터 집합이었던 웹페이지를 ‘의미’와 ‘관련성’ 을 가지는 거대한 데이터베이스로 구축하고자 하는 발상 Semantic Tags Sementic Web을 구현하기 위한 의미를 가진 태그들

2020년 12월 14일
·
0개의 댓글

HTML SementicTag 종류

Sementic 태그 레이아웃만을 위해 사용되는 태그이다. 태그자체에는 큰 의미가있지는 않다. 기능은 DIV하고 같다. header태그 (sementic 태그1) 보통 위에 어느페이지에서나 보여줘야할 부분 ex)로고 같은데에서 사용한다. nav태그 (sementic 태그2) 쉽게 생각하면 네비바라고 생각하면 된다. aside태그 (sementic ...

2019년 12월 8일
·
0개의 댓글