🚔[내가 더 자세히 알고 싶은 것] 🚔
html 은 마크업 언어
자바는 서버언어
--> ex ) 날씨, 증권 '정보'를 가져오는 역할
js와는 굉장히 다르다. 오히려 c와 유사함
💒[html, css, js 용도]
- html은 문서 뼈대를 담당한다. (공간만 제공해준다. )
ex) 이미지, 글자
- css는 html에서 생성된 공간, 이미지, 글자 등을 꾸미는 역할을 해준다.
ex) {글자, 박스, 이미지} - {크기, 색상, 위치}
- js는 동적인 부분을 담당한다.
ex) 특정 레이아웃을 클릭했을 때 페이지가 넘어감.
x버튼을 눌렀을 때 팝업이 닫힌다.
🛵[태그]
- 브라우저가 html문서를 읽어들일때 인식할 수 있도록 도와주는 용도 정도로
이해하면 좋다.
🚢[주석]
- 주석안에 있는 코드는 실행되지 않는다. 용도는 여러가지다.
ex) 메모(협업), 코드 실행x
[컬러 속성값]
1. 컬러이름
ex) red, blue, perple
2. rgb
ex) rgb(red, green, blue);
red = rgb(255, 0, 0)
3. hax --> ⭐vs-code 에서 rgb나 다른 컬러값의 형태로 바꿀 수 있다.
포토샵에서는 간단히 hax따와서 vs로 수정하자.
ex) #redgreenblue
red = #ff0000
4. rgba
ex) rgba(red, green, blue, 투명도)
red = rgba(255, 0, 0, 0.3)
--> 투명도 0~1,,
0 -> 0%
0.5 -> 50%
1 -> 100%
[html 태그와 head, body 태그]
1. html은 버전마다 DOCTYPE구조가 다르다.
2. html이 가장 큰 구조고 그 안에 가장 크게 head와 body 로 나뉜다..
3. head는 html 문서에 대한 정보를 담고있다.
4. body는 html본격적인 구조가 시작되는 곳이다.
5. body크기는 화면 크기에 비례한다.
6. 코드펜에서는 초보자가 쉽게 접근하고 강의하기 쉽도록 DOCTYPE이
선언된 상태로 숨겨져 있다. 그래서 빈화면에 태그를 작성했을 경우
body 태그 안에다가 작성한 것이다.
7. div태그는 display의 속성값이 block이 기본값이다.
div 태그는 display라는 속성이 block으로 되어있다.
block은 ***상위속성의 너비를 100%*** 가져온다는 특성을 갖고있다.
지금 코드펜은 상위엘리먼트가 body인 상황이고 body는 너비가
화면 크기만하기 때문에 div도 화면크기만큼 나오는 것이다.
