반응형 HTML5 HTML 태그 datalist HTML 태그 datalist 안녕하세요. crome입니다. 오늘은 html 태그 중 태그에 대해 알아보겠습니다. datalist 설명 HTML5의 폼 요소 중 하나로, 사용자가 입력 필드에 값을 입력할 때 자동 완성을 제공하는 데 사용됩니다. datalist 예시 Choose a flavor: 실행 화면 datalist 주요 특징 태그와 같이 사용됩니다. datalist의 항목을 정의합니다. 요소의 list 속성을 사용하여 요소를 참조하며, 입력 필드와 연결된 옵션 목록을 만들어 사용합니다. datalist 활용 input list 요소에 datalist 를 사용하여 여러 목록중 선택 가능하도록 할수 있습니다. Animal: Cat Dog 참조: HTML Standard (whatwg.org) 오늘은 .. 2023. 10. 30. HTML 태그 progress HTML 태그 progress 안녕하세요. crome입니다. 오늘은 html 태그 중 태그에 대해 알아보겠습니다. progress 설명 작업의 완료 정도를 나타내며, 주로 진행 표시줄의 형태를 나타냅니다. progress 예시 70 % 실행 화면 progrss 주요 속성 max 요소가 나타내는 최대 수치를 나타냅니다. 0보다 크고 유효한 부동소수점 숫자여야 합니다. 기본값은 1입니다. value 요소가 나타내는 작업을 완료한 정도를 나타냅니다. 유효한 부동소수점 숫자여야 하고, max 특성을 지정한 경우 0 이상 max 보다 작아야 합니다. progress 활용 javascript: updateProgress() 을 통해 progress 진행사항을 변경 Task Progress Progress: 0% 참.. 2023. 10. 27. HTML 태그 area 안녕하세요. crome입니다. 오늘은 태그에 대해 알아보겠습니다. 이미지의 핫스팟 영역을 정의하고 하이퍼링크를 추가할 수 있습니다. 요소 안에서만 사용할 수 있습니다. 아래 예시는 한국 지도 이미지에 area 태그를 적용하여 각 지역을 클릭하면 해당 지역의 정보를 보여주는 페이지로 이동하는 이미지 맵을 만듭니다. 태그별 주요 속성 shape `rect`: 사각형 모형의 형태 `circle`: 원 모양의 형태 `poly`: 다각형 형태 coords - 핫스팟 영역을 지정하는 일련의 좌표입니다. 값의 수와 의미는 `shape` 특성의 값에 따라 달라집니다. - `rect`: 좌상단과 우하단을 나타내는 두 개의 x, y 쌍입니다. - `circle`: `x, y, r`로서 `x, y`는 원의 중심 좌표이며 `.. 2023. 10. 25. HTML 5 신규 기능 안녕하세요. crome 입니다 . 오늘은 html5의 달라진 점을 살펴 보겠습니다. HTML5는 HTML의 새로운 버전으로, 웹 페이지와 웹 애플리케이션을 위한 많은 새로운 기능을 제공합니다. HTML5의 몇 가지 주요한 새로운 기능은 다음과 같습니다. 신규 구조적 기능 HTML5는 웹 페이지의 구조를 더 의미있게 표현할 수 있도록 , , , , 등의 새로운 요소를 도입 신규 인라인 기능 HTML5는 텍스트나 데이터에 대한 추가적인 정보를 제공할 수 있도록 , , , 등의 새로운 요소를 도입 신규 멀티미디어 기능 HTML5는 플러그인 없이 오디오나 비디오를 재생할 수 있도록 와 요소를 도입 그래픽을 그릴 수 있는 요소와 벡터 그래픽을 표현할 수 있는 요소도 도입 신규 양식 기능 HTML5는 사용자 입력을.. 2023. 10. 19. HTML이란? 안녕하세요 . crome입니다. 오늘은 웹 개발 기초인 html에 대해 알아 보겠습니다. HTML (Hypertext Markup Language,하이퍼텍스트 마크업 언어)는 프로그래밍 언어는 아니고, 우리가 보는 웹페이지가 어떻게 구조화되어 있는지 브라우저로 하여금 알 수 있도록 하는 마크업 언어입니다. 이는 개발자로 하여금 복잡하게도 간단하게도 프로그래밍 할 수 있습니다. HTML은 elements로 구성되어 있으며, 이들은 적절한 방법으로 나타내고 실행하기 위해 각 컨텐츠의 여러 부분들을 감싸고 마크업 합니다. tags 는 웹 상의 다른 페이지로 이동하게 하는 하이퍼링크 내용들을 생성하거나, 단어를 강조하는 등의 역할을 합니다. elements 구성 ■여는 태그(Opening tag): 이것은 요소.. 2023. 10. 17. 이전 1 다음 728x90 반응형 SMALL
