목록picture tag (1)

A sentimental robot

Html image

웹 페이지에 이미지를 넣고 싶을 때는 이미지 태그를 이용하면 된다. 이미지 태그는 비어있으며 속성 값만을 포함한다. 그렇기 때문에 태그를 닫지 않는다. 이미지 태그의 속성에는 ... src : 이미지의 경로를 명시한다. 보통 이미지들은 따로 폴더를 만들어서 저장해 놓고 그 경로를 참조한다. alt : 느린 인터넷 연결, src 속성 에러, screen reader 사용자, 이미지 찾기 실패 등의 이유로 인해 이미지가 보여지지 않을 때 나오는 대체 문구 이다. style / width / height :속성들을 이용해 이미지의 크기를 조절한다. 하지만 HTML5는 style 속성을 사용하길 권장한다. style 속성은 가장 우선순위가 높기 때문에 스타일 시트에서도 이미지 크기를 중복으로 조절하게 되는 상황..
HTML 2019. 4. 20. 16:25
이전 Prev 1 Next 다음