07. Chrome 인스펙터 개요 내가 보고 있는 페이지에 어떤 요소가 사용되고 있는지 볼 수 있는 '개발자 도구(= Chrome 인스펙터)'. F12 를 눌러도 되고, Ctrl + Shift + I 를 누르는 방법도 있다. 아니면, Chrome 오른쪽 위에 있는 ⋮ 버튼을 누른 뒤, 도구 더보기 > 개발자 도구를 선택해도 된다. 08. HTML 상용구boilerplate HTML이라면 갖추어야 할 필수적인 구조가 있다! 이게 없다면 아무리 tag를 잘 사용하고 요소를 잘 사용하더라도 제대로된 HTML 문서가 될 수 없다!! 이러한 필수적인 구조를 HTML 상용구boilerplate라고 부른다. 내가 만드는 모든 HTML 문서에 들어가야 하는 표준화된 마크업을 뜻한다. 상용구가 없어도 브라우저에서 보여주..

연관된 항목을 나열할 때 쓰는 것. 마치, 안녕. Hello. 你好。 이런 것이나 안녕. Hello. 你好。 이런 것처럼ㅎ.. (모르는 건 아니지만^^) 여기서 순서가 없는 항목을 나열할 땐 tag를, 순서가 있는 항목을 나열할 땐 tag를 쓴다. (ul = unordered list, ol = ordered list) 항목 항목 CSS와 함께 사용해서 메뉴로도 사용될 수 있다. 마치, 빨간 네모 부분과 같은 메뉴를 만들 수도 있다는 것이다. 예제 코드 따라 쳐보기! 예제1. 과 예제2. 과 여기서 tip! 숫자의 형태를 바꿀 수가 있다! 번호 스타일을 표로 정리해보자면 list-style-type 표현 형태 decimal 1., 2., 3., 4., 5., ... decimal-leading-zero ..

1. & ol = ordered list 즉, 순서가 있는 목록! 과 사이에 와 를 넣어 순서 표시! 레드향 샐러드 레시피 재료 : 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드 채소 30g 드레싱 : 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간 샐러드 채소를 씻고 물기를 제거한 후 준비합니다. 레드향과 아보카도, 토마토를 먹기 좋은 크기로 썰어둡니다. 드레싱 재료를 믹서에 갈아줍니다. 볼에 샐러드 채소와 썰어 둔 레드향, 아보카도, 토마토를 넣고 드레싱을 뿌리면 끝! type 순서 있는 목록은 번호 붙일 때 주로 1, 2, 3, ....인데, type 속성 쓰면 번호 형태 바꿀 수 있음! 숫자(default) 영어 소문자 영어 대문자 로마 숫자 소문자 로마 숫자 대문자 start 원하..