안녕하세요 동기 여러분! 드디어 오늘 HTML에 CSS(stylesheet)을 연결하는 방법에 대해 자세히 알아보겠습니다! Link to a Stylesheet 지금까지 제가 포스팅한 예제들을 보면 흰 바탕에 검은 글씨가 전부인 아주 기본적인 웹 페이지들이었습니다. 하지만 CSS를 사용한다면 깜찍뽕짝한 웹 페이지들을 만들 수 있게 됩니다. HTML의 링크 요소를 사용하면 CSS 파일의 스타일을 입힐 수 있게 됩니다. CSS 파일에 링크 / 생김새 링크 요소에는 세 가지 속성들을 사용합니다. - rel : 링크할 파일과 현재 파일의 관계를 명시합니다. 위와 같은 경우에는 rel의 속성이 "stylesheet"입니다. - type : 링크할 파일의 타입을 명시합니다. - href : 링크할 파일의 URL을 ..
안녕하세요 동기 여러분! 오늘은 같은 페이지에 있는 정보에 대해 링크를 거는 방법에 대해 알아봅시다! Linking to Same Page 제가 중학교 때 학교 마치고 집에 와서 학원 가기 전에 신라면을 하나 끓여서 짱구를 틀어놓고 먹으면서 시청했던 추억이자 현재도 많이 시청하고 있는 짱구는 못 말려 나무 위키에 들어가 보았습니다. (짱구 엄마가 이제 나보다 동생...) 짱구는 못말려 나무위키 목차 중에 숫자로 된 부분을 누르면(2를 눌러보았습니다), 위 사진과 같이 줄거리에 대한 내용이 웹 페이지에 바로 뜨게 됩니다. 이러한 기능이 없었다면 우리는 항상 스크롤을 내려서 확인을 해야겠죠! 이 기능에 대해 알아봅시다! 생김새 맨 위로 맨 아래로 맨위로 맨 아래로 여기서 집중해야 할 부분은 id의 값입니다...
- Total
- Today
- Yesterday
- Typescript
- if문
- Python
- html
- Type
- CSS 포지션
- 타입스크립트
- 동기코딩
- 파이썬
- 메서드
- 반복문
- 자바스크립트
- javascript
- Object
- 타입 좁히기
- 실수
- css position
- html table
- method
- 객체
- Margin
- 함수
- padding
- for문
- em
- 프로그래머스
- HTML 기본
- Array
- function
- CSS
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |