<Img>태그

HtmlCss/HTML

<Img>태그

플람 2019. 5. 25. 02:38

<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
        <title>이미지(img 태그)
        </title>
    </head>
    <body>
        <img src="사이트 경로">
        <br><br>
        <img src="파일경로/이미지.jpg" alt= "404">
        <img src="파일경로/이미지.jpg" width="250" height="450" title="커여워">
        <img src="파일경로/이미지.jpg" width="500">
        <img src="파일경로/이미지.jpg" height="1000">
        <br><br>
        <img src="파일경로/이미지.jpg">
    </body>
</html>

<img>태그

이미지를 나타낸다.

인라인요소이다.

width => 이미지의 너비를 성정

height => 이미지의 높이를 설정

width나 height속성을 한가지만 설정하면 나머지 하나는

자동으로 지정한 크기의 비율에 맞춰 자동으로 설정된다.

alt="메세지" ==> 이미지가 나타나지 않을 경우에 표시할 메세지를 설정한다.

title="메세지" ==> 이미지 위에 마우스 커서가 놓이면 나타날 메세지를 설정한다.