HTMLIMAGE2 HTML <picture> 요소 HTML 요소를 사용하면 다양한 장치 또는 화면 크기에 대해 서로 다른 사진을 표시할 수 있다. HTML 요소 HTML 요소는 웹 개발자가 이미지 리소스를 지정할 때 더 많은 유연성을 제공한다. 요소에는 각각 srcset 속성을 통해 서로 다른 이미지를 참조하는 하나 이상의 요소가 포함됩니다. 이렇게 하면 브라우저는 현재 보기 및/또는 장치에 가장 적합한 이미지를 선택할 수 있습니다. 각 요소에는 이미지가 가장 적합한 시기를 정의하는 media 속성이 있습니다. picture 요소 다양한 뷰포트 크기로 로드되는 다양한 버전의 사진을 보려면 브라우저 크기를 조정합니다. 브라우저는 미디어 쿼리가 사용자의 현재 뷰포트 너비와 일치하는 첫 번째 소스 요소를 찾습니다, 그리고 srcset 특성에 지정된 이미지를 .. 2023. 5. 2. HTML 이미지(Image) 이미지는 웹 페이지의 디자인과 모양을 개선할 수 있다. HTML 이미지 HTML 이미지 문법 HTML 태그는 웹 페이지에 이미지를 포함하는 데 사용된다. 이미지는 기술적으로 웹 페이지에 삽입되지 않으며, 이미지는 웹 페이지에 연결된다. 태그는 참조된 이미지에 대한 고정 공간을 만든다. 태그가 비어 있고 속성만 포함되어 있으며 닫는 태그가 없다. 태그에는 두 가지 필수 특성이 있다: src - 이미지의 경로를 지정한다 alt - 이미지의 대체 텍스트를 지정한다. img 문법 src 속성 필수 src 특성은 이미지의 경로(URL)를 지정한다. 참고: 웹 페이지가 로드될 때 웹 서버에서 이미지를 가져와 페이지에 삽입하는 것은 브라우저이다. 따라서 이미지가 실제로 웹 페이지와 관련하여 동일한 위치에 유지되는지 .. 2023. 4. 29. 이전 1 다음
