JudithHopps JudithHopps

form 1. 형식 정보를 제출하기 위한 태그들을 포함 autocomplete 속성: 자동완성 여부 (기본: on) 입력을 받는 요소 type 속성을 통해 다양화 인풋 요소마다의 라벨 for 속성값을 인풋 요소의 id와 연결. 인풋의 클릭 영역 확장 버튼 type 속성에 submit(제출), reset(초기화), button(기본 동작 없음) 2. 그룹화 폼 태그 내 입력요소와 라벨들을 그룹화 disabled 속성: 포함된 입력요소 비활성화 필드셋 요소의 제목 또는 설명 input 👉 의 타입과 속성들 보기 텍스트 관련 인풋 속성들 속성설명비고 placeholder 빈 칸에 보이는 안내문 maxlength 최대 길이 minlength 최소 길이 위반시 submit이 거부됨 숫자 관련 인풋 속성들 속성설명..

링크 1. 형식 target 속성값설명비고 _self 현재 창 기본 _blank 새 창 텍스트나 내부 이미지의 alt 등으로 명시 필요 _parent 부모 프레임 사용시 _top 최상위 프레임 사용시 2. 속성 or Phone address 형식 웹사이트 주소: yalco.kr 오피스: 전산시 개발구 코딩동 123번길 45 전화 010-1234-5678 이메일: yalco@kakao.com

약어 구문 Emmet은 생성된 트리 내 요소의 위치와 요소의 속성을 설명하기 위해 CSS 선택기와 유사한 구문을 사용합니다. 집단 div또는 같은 요소 이름을 사용 하여 HTML 태그 p를 생성 할 수 있습니다. divEmmet에는 미리 정의된 사용 가능한 태그 이름 세트가 없으므로 → , foo→ 등 의 단어를 작성하여 태그로 변환할 수 있습니다 . 중첩 연산자 중첩 연산자는 생성된 트리 내부에 약어 요소를 배치하는 데 사용됩니다(컨텍스트 요소 내부 또는 근처에 배치해야 하는지 여부). 어린이:> >연산자를 사용하여 요소를 서로 중첩 할 수 있습니다 . div>ul>li ...생산할 예정 형제자매:+ 연산자를 사용 +하여 동일한 수준에서 요소를 서로 가까이에 배치합니다. div+p+bq ... 출력합니..

img : html 문서에 이미지를 넣습니다. - 속성) src 원본파일 경로 절대경로 또는 상대경로 alt 대체 텍스트 스크린 리더, 원본파일 무효시(텍스트 설명이며 필수X) title 툴팁 alt의 대체제나 반복이 되어서는 안됨 width 너비 픽셀 단위의 정수 height 높이 픽셀 단위의 정수 table : html 문서에 이미지를 넣습니다. - 속성) 태그설명비고 테이블 표 설명 또는 제목 선택사항 테이블의 행 테이블의 데이터 셀 테이블의 헤더 부분 앞에 와야 함 테이블의 본문 본 내용을 담음 테이블의 푸터 부분 뒤에 와야 함 열 또는 행의 헤더 scope 속성으로 row, col 중 선택 colspan 열 병합 rowspan 행 병합 표에 열을 묶어서 속성 부여 보다 뒤, 그 외 요소보다 앞에..

! 참고 단축키 : ul>li*4 + tab 버튼 목록 태그 순서가 없는 목록 순서가 있는 목록 type, start 속성 사용 가능 목록 아이템 ul, ol 태그의 1촌 자식으로 이 태그만 가능 용어 태그 설명 목록을 생성합니다. 설명 혹은 정의 리스트에서 용어를 나타냅니다. 요소 안에 위치해야 합니다. 앞선 용어()에 대한 설명, 정의, 또는 값을 제공한다. 다음 위치

1. 기본 태그 - h1~6, p, br, span, div 등등 - 모르는 태그는 mdn 사이트 검색하기 예시 : br mdn 사이트 : 줄바꿈 요소 - HTML: Hypertext Markup Language | MDN HTML 요소는 텍스트 안에 줄바꿈(캐리지 리턴)을 생성합니다. 주소나 시조 등 줄의 구분이 중요한 내용을 작성할 때 유용합니다. developer.mozilla.org 2. 강조 태그 HTML 태그는 정보의 종류를 구분하는데만 사용합니다. (오늘날 스타일 정보는 CSS로 분리) 태그설명비고 b 글자를 굵게 (구버전 HTML) 👉 사용 일람 보기 strong 중요한 내용임을 명시 warning i 글자를 기울임 (구버전 HTML) 👉 사용 일람 보기 em 강조할 내용임을 명시 3. 첨..

필자는 제대로 파는 HTML & CSS - 웹 퍼블리싱 끝.장.내.기로 강의로 HTML 복습을 시작했다. 학교 수업에서 듣긴 했지만 가물가물하기도 하고 기초부터 제대로 학습하고 싶은 생각이 들어서였다. 현재 포스팅하고 있는 내용은 lesson 3 내용이며, 본격적인 html 시작 전 세팅설정에 대해서 알려준다. 탭 사이즈 && 자동 줄바꿈 설정 VS Code 설정 창 열기 윈도우: Ctrl + , 맥: Command + , Tab Size 항목 2로 설정 Word Wrap 항목 on으로 설정 플러그인 설치 플러그인설명비고 Korean Language Pack 에디터 한글화 Material Icon Theme 탐색기 아이콘 테마 One Dark Pro 에디터 색 테마 Live Server 새로고침 없이 코..

2022.12.3일부터 12.9일까지 1주일 동안 100문제를 풀었다. 해결했지만 어려웠던 문제나 좋은 알고리즘이 있을 때 ppt에 담았다. 총 66문제를 담았으며, 대부분 프로그래머스에 올라온 베스트 코드 정리본이다. 중간에 다른 블로그 캡쳐도 있다. 일주일동안 javaScript의 빈약한 부분을 알 수 있었으며, reduce, map, filter 등등 메소드를 조금 더 보완해야겠다!!