2019. 6. 4. 03:52
경로 지정
동일 폴더 : 파일이름.확장자
상위 폴더 : ../파일이름.확장자
하위 폴더 : 폴더이름/파일이름.확장자
<img> 태그
http://웹서버주소(ip):8080/파일이름.확장자
태그 속성
속성 | 설명 |
src | 경로 or URL |
alt | 이미지가 안나왔을 때 대신 나올 글 |
align | 정렬 (left, right, top, middle, bottom) |
border | 이미지 테두리(숫자) 지정 , 0일때 테두리x |
height | 이미지 높이 지정 |
width | 이미지 너비 지정 |
hspace | 좌우 여백 |
vspace | 상하 여백 |
<!DOCTYPE html>
<html>
<head>
<meta charset="EUC-KR">
<title>Insert title here</title>
</head>
<body>
<dl>
<dt>사진</dt>
<dd>
<img width="300px" height="300px"
src="qwer.jpg"/>
</dd>
</dl>
<dl>
<dt>사진</dt>
<dd>
<img width="300px" height="300px"
src="http://localhost:8080/MakeWeb/qwer.jpg"/>
</dd>
</dl>
<dl>
<dt>사진</dt>
<dd>
<img width="300px" height="300px"
src="https://get.pxhere.com/photo/mac-space-galaxy-nebula-outer-space-universe-fantasy-astronomical-object-irxsiempre-741629.jpg"/>
</dd>
</dl>
</body>
</html>
'HTML' 카테고리의 다른 글
[HTML/CSS] 형제 태그 선택자 +, ~ (0) | 2019.11.06 |
---|---|
<table> 태그 (0) | 2019.10.01 |
<a>태그 / <embed>태그 (0) | 2019.06.14 |
목록태그 <ol> , <ul> , <dl> (0) | 2019.06.04 |