2030 BigDATA

태그 태그를 사용하면 사용자가 입력할 창을 생성 태그의 type속성을 이용하거나 태그를 이용해 버튼을 만들 수 있음 태그를 이용하면 입력창 앞에 입력할 내용을 간략하게 표현 가능 태그의 type속성을 radio나 checkbox 속성값을 지정할 경우, bullet을 클릭해야만 선택 가능 태그를 사용할 경우 해당 bullet뿐만 아니라 bullet의 텍스트를 클릭해도 선택 가능 태그의 type속성의 값 속성 값 설 명 hidden 사용자에게 보이지 않지만 서버로 넘겨지는 값들을 지정 text 한 줄짜리 텍스트를 입력할 수 있는 텍스트 상자 삽입 number 숫자를 조절할 수 있는 화살표 삽입 range 숫자를 조절할 수 있는 슬라이드 막대를 삽입 datetime 국제표준시(UTC)로 설정된 날짜, 시간 삽..

HTML 2020. 8. 8. 23:23

태그 다양한 폼 요소 태그의 주요 속성 속 성 설 명 method 사용자가 입력한 내용들을 서버 쪽 프로그램으로 어떻게 넘겨줄지를 정하는 속성 속성 값에는 get과 post가 있다. *get : 주소 표시줄에 사용자가 입력한 내용이 그대로 들어는 방식 [256~4096byte의 데이터를 서버로 넘길 수 있음] *post : 사용자가 입력한 내용이 드러나지 않는 방식 [표준 입력(standard input)으로 넘겨주어 입력 내용 길이에 제한없음] name 폼의 이름을 설정하는 속성[여러 개의 태그 사용시 유용] action 태그 안의 내용들을 전송할 페이지를 설정하는 속성 autocomplete 입력창에서 자동완성기능을 설정할 때 사용하는 속성 기본값이 on이므로 자동완성기능을 사용하고 싶지 않을 때는 ..

HTML 2020. 8. 7. 23:23

, ,태그 내용1 내용2 : : 옵션1 옵션2 : : 옵션1 옵션2 : : 태그를 이용하여 드롭다운 목록을 생성할 수 있음 태그를 이용하여 드롭다운 목록에 들어갈 옵션들을 설정할 수 있음 태그를 이용하여 옵션들을 그룹별로 묶을 수 있음 태그의 주요속성 주요 속성 설 명 size 화면에 표실될 드롭다운 메뉴의 항목 개수를 지정 multiple 브라우저 화면에 여러 개의 옵션이 전부 표시됨 [ctrl]키를 눌린 채 클릭하면 여러 항목을 선택 가능 태그의 주요속성 주요 속성 설 명 value 옵션을 선택했을 때 서버로 넘겨질 값을 설정하는 속성 selected 화면에 표시될 때 기본으로 선택되는 옵션을 설정하는 속성

HTML 2020. 8. 6. 23:23

태그 사용 가능한 이미지 파일에는 비트맵 이미지[GIF,JPG,JPEG,PNG]와 벡터이미지[SVG]가 있다. # 이미지 파일의 이해 더보기 비트맵 이미지 파일 형식 설 명 GIF [Graphic Interchange Form] 최대 256색까지 저장 가능하여 주로 작은 이미지에 사용 투명한 배경이나 움직이는 이미지 제작 가능 비손실 압출 방법 JPG/JPEG [Joint Photographic Experts Group] 웹상에서 이미지 및 사진 등의 정보를 전송할 때 사용하는 가장 보편적으로 파일 형식 GIF보다 다양한 색상과 명암을 표현할 수 있음[24비트의 수백만 가지 색상] 손실 압축 방법[변환 과정에서 GIF/PNG 압축방식보다 품질이 나쁠 수가 있음] 저장을 반복하다 보면 화질이 떨어질 수 있..

HTML 2020. 8. 5. 23:23

태그 제목 내용 내용 : : : : 표의 제목을 붙이고 싶을 때는 나 &태그를 이용 태그는 제목이 중앙 위쪽에 표시됨 태그는 태그보다 앞에 있으면 표 위에, 태그보다 뒤에 있으면 표 아래에 제목이 표시됨 은 테이블에서의 한 행을 의미 는 테이블에서의 제목 셀들을 의미 는 테이블에서의 데이터들을 의미 colspan 속성을 사용하면 행 병합 rowspan 속성을 사용하면 열 병합 , , 태그 컬럼명1 컬럼명2 : : 데이터1 데이터2 : : 요약1 요약2 : : 표의 제목부분, 내용부분, 요약부분을 구조화하기 위해 사용하는 태그 실제 출력되는 화면에서는 별 차이가 없음 하지만 코딩 내용을 볼때, 구조화되어있어 쉽게 확인 가능 화면 낭독기를 통해서도 표의 구조를 쉽게 파악 가능 ,

HTML 2020. 8. 4. 23:23

태그와 태그 목록 목록 : : : 목록1 목록2 : : : 순서가 필요하지 않은 목록을 만들때 태그를 사용 순서가 필요한 목록을 만들때 태그를 사용 ① type속성 속성 값 의미 1 숫자(기본값) a 영문 소문자 A 영문 대문자 i 로마숫자 소문자 I 로마숫자 대문자 ※ type속성 대신에 CSS의 list-style-type 속성을 이용해서 설정 가능 ② start속성 목록에서 시작하는 순서를 지정할 수 있다. 기본적으로는 1부터 시작 ③ reversed속성 항목을 역순으로 표시할 수 있다. 태그, 태그, 태그 HTML 웹 사이트에서 사용하는 인터넷 표준 문서의 확장자 : : : 사전 구성처럼 용어과 설명을 함께 작성하여 정의목록을 만들때 태그를 사용 제목은 태그에 작성하고 설명은 태그에 작성

HTML 2020. 8. 3. 23:23

태그 웹 문서에 표시하려는 내용을 전달, 즉, 마크업을 할 때 사용하는 약속된 표기법 태그명 설 명 웹 문서의 시작과 끝을 나타내는 태그 한글이 깨지는 것을 방지하기 위해 태그 속성을 이용해 "UTF-8"로 인코딩하는 것이 좋다. # 모바일 기기를 고려한 태그 더보기 # 검색 엔진을 고려한 태그 더보기 meta태그에서 웹 사이트 키워드, 설명, 제작자 등의 정보를 삽입 가능 속성 시작 태그 내부에 해당 태그와 관련된 추가적인 정보를 작성하기 위해 사용 속성에 대한 내용을 값이라고 하며 큰 따옴표를 사용하여 표기

HTML 2020. 8. 2. 23:23

들어가기 전... 단위의 종류에는 상대단위와 절대 단위가 있다. 상대 단위 em 부모 요소의 폰트 크기를 기준으로 하는 단위 부요 요소의 대문자 M의 너비를 1em으로 지정[부요 요소 크기에 따라 기준이 달라짐] rem 태그의 크기를 기준으로 하는 단위 처음부터 기본 크기를 지정[부모 요소가 아닌 최상위 태그의 크기로 기준이 고정] root와 em의 합성어 % 부모 요소를 기준으로한 비율 단위 vw viewpoint의 너비를 기준으로 하는 비율 단위 vh viewpoint의 높이를 기준으로 하는 비율 단위 절대 단위 px 가장 일반적으로 사용하는 절대 단위 여러 장치를 모두 지원하고 싶을 때는 값을 따로따로 지정해줘야 됨 웹을 개발할 때는 크게 '프론트엔드[Front-end]'와 '백엔드[Back-end..

HTML 2020. 8. 1. 23:23