본문 바로가기

Coding6

HTML, CSS 에서의 문자셋 설정 charset, UTF-8 Charset (Character set, 문자셋) 웹 브라우저 또는 HTML 문서가 어떤 문자셋으로 되어있는지 명시해놓은 속성. encoding(인코딩)을 어떤 종류의 문자셋으로 해줄지, 즉 인코딩하는 방식을 정하는 것. ※ encoding(인코딩) : 사람의 언어를 컴퓨터가 읽을 수 있는 부호로 전환해주는 것이다. 반대로 decoding(디코딩)은 컴퓨터의 언어를 사람의 언어로 전화해주는 것을 의미한다. Charset의 종류 1. ASCII(아스키 코드) 가장 처음 만들어진 문자셋으로 127개의 영문자와 숫자로만 이루어져있다. 한글을 지원하지 않기 때문에 깨져서 나타난다. 2. UNICODE(유니코드) 아스키 코드의 단점을 극복하기 위해 만들어진 코드 체계로 각 나라별 언어를 모두 표현할 수 있다. .. 2023. 7. 16.
HTML form 관련 태그 / button태그와 input type=button 의 차이 form 태그 블록레벨, 온라인 서식(검색, 로그인, 회원가입 등)에서 입력한 값들을 처리하는 프로그램으로 전송할 때 사용하는 태그 사용예) 속성 : action, method 1) action : 서식에서 작성한 값을 처리하는 프로그램의 주소(URL)를 지정 2) method : 서식의 값들을 서버 프로그램에 어떤 방식으로 전달할 것인지 정의. 방식은 get(검색), post(로그인,회원가입 등 중요한 정보 전송)방식 사용. 퍼블리싱 시, 개발자와의 원활한 협업을 위해 만들어놓는 것이 좋다. fieldset 태그 블록 레벨 요소. 양식 요소들을 그룹화 할 때 사용 (가로로 묶음) 자식요소로 사용하여 fieldset의 제목을 정의 한다. 사용예) 코딩 예시) 로그인 ID : PW : input태그 인라인.. 2023. 7. 5.
웹 디자인 및 프로그래밍 시 자주 활용되는 주요 플러그인 사이트 5 웹 디자인 및 프로그래밍 시 자주 활용되는 주요 플러그인 사이트 5가지 를 모아보았습니다 :) 1. GSAP Greensock 에서 만든 애니메이션 플랫폼으로 jQuery에 비해 20배 빠른 성능을 보여 줍니다. 다양한 웹 애니메이션을 구현할 수 있는 JavaScript 로 구성된 애니메이션 라이브러리 입니다. 2. Fullpage 웹 사이트의 전체 화면을 스크롤 형태로 만들 수 있는 JavaScript 라이브러리 입니다. 웹 사이트 구역 안에 수직 방향으로 스크롤 되거나 수평 방향으로 슬라이드를 넣을 수 있습니다. (수평 방향 스크롤 형태는 현재 유료 입니다.) 3. AOS 스크롤 에니메이션 라이브러리 입니다. 스크롤을 내리며 박스가 나타나는 애니메이션을 지정할 수 있습니다. 사이트 전체가 예시로 이루.. 2023. 6. 28.
Table 태그 1. Table 태그 : 명확한 표의 형식에만 사용하는 태그 사용 예시 ) 선물용과 가정용 상품 구성 용도 중량 개수 가격 선물용 3kg 11~16과 35,000원 가정용 4kg 11~16과 21,000원 2. caption : 표 제목 , 위쪽 중앙에 표시, 생략가능 3. scope : 열 제목, 행 제목 셀에 정의하는 속성 행 제목 : 열 제목 : 낭독기에선 scope가 정의된 셀과 함께 td를 읽어준다. 4. 행을 만드는 태그 5. 행안의 셀을 만드는 태그 colspan="n" 속성 6. 제목 행에 셀을 만드는 태그 내용이 진하게 표시, 중앙 배열 7. 속성 rowspan, colspan 속성 rowspan="n" 아래와 같이 행을 합칠 때 사용 속성 colspan="n" 아래와 같이 열을 합칠 때.. 2023. 6. 21.