코딩연습 / 복습 / 공부 : semantic tag

---

---

---

---

---

---

---

---

---

 

# 태그를 한꺼번에 찾아서 처리하고싶을때

영역 지정해서 카피하고 ctrl+f 하면,

복사한 태그가 검색어에 들어가고,

find 버튼누르면 동일한 태그를 알려준다.

 

# 그런데 find all 하면 전부찾아줌!

다찾고싶으면,

div>

앞에 꺽새를 안넣고 찾아주면 다 찾을 수 있다.

 

# h1태그에 넣는 배경색과

div 스타일에 넣는 배경색은

차이가 조금 있다.

 

***div로 묶여있는 애들은 그룹화가 되어있어서

그룹에 배경색을 줄 수 있다.

 

# 그리고 상단부분과 왼쪽의 공간부분은

웹페이지에 자동으로

default값으로 주고있는 여백이다.

 

# div 스타일에서

텍스트 컬러놓고싶으면

div color다.

***text color아님.

 

# 배포할 수 있는 내용:

section tag가 아닌 article tag

 

# 의미가 잘 들어나도록 짜는 HTML5

 

마케팅에서도 내 웹페이지가 어떻게 검색되도록

돈도많이 투자하구..<<

 

사용자가 스크롤을 내린다던지

마우스로 드래그한다던지

사용자가 어떤 액션을 취햇을때 갑자기

스타일이 바뀐다던지 구조가 바뀐다던지..

그런것들을 동적이라고 한다(:

 

그래서 마우스나 키보드로 조작했을때

움직이는 것들은 자바스크립트로 짠 것이라고 보면 된다.

나중에공부하면서 차근차근 알아가쟈><

 

일단 여기까지만!

 

# 버튼태그는 인라인요소~

 

# css정적이고 동적으로 바껴주는건 javascript or jQeury.

 

# 제일 첫번째 만드는 메인페이지는

index라고 약속되어있다(:

 

# 확장자명

대문자로 쓰면, 로컬컴퓨터에서는 문제없지만

서버로 넘어가면 에러뜰 수 있기에

소문자로 작성할 것<<

 

# width

화면크기에따라 이미지크기 다르게하고싶으면

%로 적어준다.

 

# 카피라이트 코드로 넣는 방법.

&copy;

라고 치면

다음과 같이 나온다. -> ©

 

# fast prototype 프로토타입: 제품의 초기 모델

-GNB: gloval navigation bar

-LNB: local navigation bar