1. 형제 선택자 형제 선택자는 ~로 표시하며 처음을 제외한 나머지 선택자가 선택된다. 위와 같이 div~div 로 묶어주면 모든 div중 첫번째 div를 제외한 나머지 2,3,5 div를 선택한다. p~div 로 바꿔준다면 p뒤에 있는 div를 선택한다. 2. 속성 선택자 img 나 a태그에는 href, art, title 등 여러가지 속성이 있다. 이러한 속성들을 별다른 태그를 사용하지 않고 대괄호[] 로 묶어 선택할수 있다. 세부적으로 속성을 선택할 수도 있다. url까지 넣어주면 *를 이용하여 url의 일부를 넣어 줄수도 있다.

저번에 이미지를 누르면 다른 html로 이동하는 a태그를 사용했던 html위에 네비게이션을 만들었다. 네비게이션에 :hover를 이용하여 마우스를 갖다대면 해당 영화 포스터가 나오게 끔 만들었다. 먼저 네비게이션의 틀을 container, navi, ul, li 순으로 만들었다 container 안에 마블스튜디오로 배경을 넣었고 background : cover; 로 다 덮고 크기를 조절했다. 다음은 ul안에 li를 작성하면 글자앞에 ● 기호가 붙어있다. 이를 없애기 위해 list-style:none; 적용 li에 float:left를 적용하여 가로로 1자를 만들어 줬고 position을 통해 포스터가 겹치지 않게끔 자리를 잡아줬다. 다음 a태그를 이용해 네비게이션을 구성했는데 위 같이 누르기전 파랑색,..

1. 태그의 type이란? 태그의 type 속성은 태그가 나타낼 type을 명시합니다. 예를 들면, 위와 같이 text가 기본값이다. 이를 라이브 서버에서 실행시켜보면 이렇게 텍스트를 입력할만한 공간이나온다. 이를 통해 id를 받아서 서버로 전송시키는 등 데이터에 있는 값과 맞춰보며 사용할 수 있다. 2. type의 종류 type의 종류에는 다음과 같다. button - 클릭 버튼 checkbox - 체크박스 color - 색 선택 date - 날짜 선택 datetime-local - 날짜와 시간 선택 email - 이메일 주소 입력 file - 파일 업로드 hidden - 숨겨진 필드 image - submit 버튼 이미지 선택 month - 날짜 선택 number - 숫자 입력 password - 비..

줄바꿈 : 공백 : 단락 : p 태그 두껍게 : b 태그 기울이기 : i 태그 목록을 나타내는 태그 : 목록유형에 따라 li태그 순서 없는 목록 : ul 태그 순서 있는 목록 : ol 태그 a 태그 : "여기에 링크 넣기", a태그 사이에 클릭할만한거 넣기 br태그를 두번쓰면 > 빈줄이 하나 생김> 텍스트 단락이 나뉜것처럼 화면에 표시할 수 있음. 텍스트 단락을 만들때는 p태그를 사용하는게 좋다. blockquote : 인용문을 사용할때. 다른 텍스트보다 들여쓰게 된다. strong태그 : b태그랑 거의 같음; 굵게 ol type="순서를 나타낼 텍스트 지정" type 설명 -------------------- type="1" 숫자 (기본값) type="a" 영문 소문자 type="A" 영문 대문자 ty..