안녕하세요 동기 여러분! 오늘은 Semantic HTML의 첫 번째 시간 Header와 Nav에 대해 알아보려 합니다. 주제에 다가가기 앞서 Semantic HTML이 뭔지 알아봅시다. Semantic HTML 여러분은 방에 있는 책들을 정리 할 때 어떻게 정리를 하시나요? 규칙 없이 마구 잡이로 책을 꽂아 넣는다면 → Non-semantic HTML 적절한 규칙으로 잘 정리한다면 → Semantic HTML입니다ㅎ * 사전에서의 Semantic : 의미의, 의미론적인 Jungle Disk에 Semantic HTML에 대해 잘 정리를 해두었는데 제가 링크한 사이트로 가셔서 스크롤을 내리다가 나오는 첫 번째 그림에서 Non-semantic HTML과 Semantic HTML의 특징을 아주 잘 표현하고 있습..
안녕하세요 동기 여러분! 오늘은 같은 페이지에 있는 정보에 대해 링크를 거는 방법에 대해 알아봅시다! Linking to Same Page 제가 중학교 때 학교 마치고 집에 와서 학원 가기 전에 신라면을 하나 끓여서 짱구를 틀어놓고 먹으면서 시청했던 추억이자 현재도 많이 시청하고 있는 짱구는 못 말려 나무 위키에 들어가 보았습니다. (짱구 엄마가 이제 나보다 동생...) 짱구는 못말려 나무위키 목차 중에 숫자로 된 부분을 누르면(2를 눌러보았습니다), 위 사진과 같이 줄거리에 대한 내용이 웹 페이지에 바로 뜨게 됩니다. 이러한 기능이 없었다면 우리는 항상 스크롤을 내려서 확인을 해야겠죠! 이 기능에 대해 알아봅시다! 생김새 맨 위로 맨 아래로 맨위로 맨 아래로 여기서 집중해야 할 부분은 id의 값입니다...
- Total
- Today
- Yesterday
- function
- html
- 메서드
- em
- Typescript
- 실수
- html table
- if문
- Object
- Python
- 파이썬
- 반복문
- 프로그래머스
- 타입 좁히기
- Margin
- Type
- for문
- Array
- padding
- javascript
- 자바스크립트
- CSS 포지션
- 동기코딩
- css position
- 함수
- 타입스크립트
- CSS
- method
- 객체
- HTML 기본
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | |||||
3 | 4 | 5 | 6 | 7 | 8 | 9 |
10 | 11 | 12 | 13 | 14 | 15 | 16 |
17 | 18 | 19 | 20 | 21 | 22 | 23 |
24 | 25 | 26 | 27 | 28 | 29 | 30 |