HTML 4

[jQuery] jQuery 응용

- [jquery13] :nth-child() 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 jquery13.html /* :nth-child() => n번째 자손 : 특정 순서에 있는 요소를 선택할 때 사용하는 선택자 */ /* test라는 클래스의 n번째 자손 */ .test:nth-child(3){ color:blue; } td:nth-child(2){ background-color: red; } $(function(){ ..

HTML 2023.04.23

[jQuery] jQuery란? + 응용

* jquery 자바스크립트의 쓸모 있는 코드를 정리해 놓은 것 > 자바스크립트를 더 쉽게 사용 더보기 - 다운로드 Download the uncompressed, development jQuery 3.6.4 > 링크로 저장 > vscode_workspace의 js 폴더로 - [jquery01] jquery 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 jquery01.html // 자바스크립트 ..

HTML 2023.04.23

[HTML] CSS(Cascade Style Sheet) - width / border / text-align border-collapse / font / #id / .class

* CSS(Cascade Style Sheet) -> 다양한 디자인적 요소를 정의 선택자 : tag 선택자 { 속성 : 값; } - CSS : 디자인, 모양, 크기 담당 html :페이지의 구조 담당 - style > width / border / text-align / border-collapse 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 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 css01.html /* ..

HTML 2023.04.09

[HTML] 기본 구조 (창에 글 쓰기/리스트/테이블/하이퍼링크)

* HTML : 하이퍼링크 형식의 마크업 기반 언어 Hello HTML World - 위의 코드로 페이지 만들고, 소스 보기로 확인 가능 - html은 소스가 그대로 노출됨 - 단축키 주석 : ctrl + / --> 문장 복사 : shift + alt + 방향키 아래 이동 : alt + 화살표 방향키 위, 아래 한 줄 삭제 : ctrl + shift + k 아래에 빈 행 삽입 : ctrl + Enter 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 창제목123 처음 만드는 웹 페이지 두번째 만드는 웹 페이지 세번째 만드는 웹 페이지 하하 잘 실행이 live server 아무 글 cs 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 HTML(Hyper..

HTML 2023.04.09