Jam's story

[HTML] days06 - 이미지플로팅 본문

WEB/HTML

[HTML] days06 - 이미지플로팅

애플쩀 2022. 5. 16. 14:17
padding

안쪽여백 

 

 

img 태그 안에 style="float: ;"

이미지를 어디에 띄울것인지 

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<style>
p{
border: 1px solid gray;
padding: 10px;
}
</style>
</head>
<body>
<h3>ex03_04.html 이미지 플로팅 </h3>
<p>
<img src="../images/programming.gif" style="float:left;"> 
* The color and pattern may differ from the detailed picture because of the nature of the gemstone used in necklaces and bracelets.

*Please wear it carefully as it may break if pulled too hard. 

* Be careful not to twist when storing the tail chain with pendant.

*Please avoid it as much as possible because it may discolor quickly when it touches water.#Product 
</p>
<p>
<img src="../images/programming.gif" style="float:right;"> 
* The color and pattern may differ from the detailed picture because of the nature of the gemstone used in necklaces and bracelets.

*Please wear it carefully as it may break if pulled too hard. 

* Be careful not to twist when storing the tail chain with pendant.

*Please avoid it as much as possible because it may discolor quickly when it touches water.#Product 
</p>
</body>
</html>

 

 

 

'WEB > HTML' 카테고리의 다른 글

[HTML] p - 높이지정, padding, margin, 배경이미지  (0) 2022.05.16
[HTML] 파비콘  (0) 2022.05.16
[HTML] days06- picture 태그  (0) 2022.05.16
[HTML]days03-img  (0) 2022.05.16
[HTML] days02-태그  (0) 2022.05.12
Comments