728x90
반응형

- img 태그의 style 속성 값

 

- 형식) style="float: 위치;"

 

<코드>

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<!-- style 태그 -->
<style type="text/css">
	p{
		border: 1px solid gray;
		padding: 10px;
		/* padding : 안쪽 여백 */
	}
</style>
</head>
<body>
 <h3>ex03_03.html - 이미지 플로팅(float : 둥둥 떠다니다.)</h3>
 
  <p>
 <!-- style 속성 -->
  <img alt="" src="../images/programming.gif">
  우린 서로 너무도 다른 세상에 살아왔죠
  한번 스쳐 지났을 뿐
  그 후로 난 멀리서 이렇게 기다려왔죠
  언젠가는 내 헛된 꿈이 혹 이뤄질까
  날 기억이나 할까요
  내 이름조차 생각이나 날까요
  누군가 매일 그대를 위해 늘 기도해온 걸 알까요
  그대가 난 부럽죠
  나 같은 사람 너무나 흔하겠죠
  혹시나 그대 알고 있나요
  얼마나 행복한 사람인지
 </p>
 
 <p>
 <!-- style 속성 -->
  <img alt="" src="../images/programming.gif" style="float: right;">
  우린 서로 너무도 다른 세상에 살아왔죠
  한번 스쳐 지났을 뿐
  그 후로 난 멀리서 이렇게 기다려왔죠
  언젠가는 내 헛된 꿈이 혹 이뤄질까
  날 기억이나 할까요
  내 이름조차 생각이나 날까요
  누군가 매일 그대를 위해 늘 기도해온 걸 알까요
  그대가 난 부럽죠
  나 같은 사람 너무나 흔하겠죠
  혹시나 그대 알고 있나요
  얼마나 행복한 사람인지
 </p>
 
  <p>
 <!-- style 속성 -->
  <img alt="" src="../images/programming.gif" style="float: left;">
  우린 서로 너무도 다른 세상에 살아왔죠
  한번 스쳐 지났을 뿐
  그 후로 난 멀리서 이렇게 기다려왔죠
  언젠가는 내 헛된 꿈이 혹 이뤄질까
  날 기억이나 할까요
  내 이름조차 생각이나 날까요
  누군가 매일 그대를 위해 늘 기도해온 걸 알까요
  그대가 난 부럽죠
  나 같은 사람 너무나 흔하겠죠
  혹시나 그대 알고 있나요
  얼마나 행복한 사람인지
 </p>
 
</body>
</html>

 

우린 서로 너무도 다른 세상에 살아왔죠 한번 스쳐 지났을 뿐 그 후로 난 멀리서 이렇게 기다려왔죠 언젠가는 내 헛된 꿈이 혹 이뤄질까 날 기억이나 할까요 내 이름조차 생각이나 날까요 누군가 매일 그대를 위해 늘 기도해온 걸 알까요 그대가 난 부럽죠 나 같은 사람 너무나 흔하겠죠 혹시나 그대 알고 있나요 얼마나 행복한 사람인지

우린 서로 너무도 다른 세상에 살아왔죠 한번 스쳐 지났을 뿐 그 후로 난 멀리서 이렇게 기다려왔죠 언젠가는 내 헛된 꿈이 혹 이뤄질까 날 기억이나 할까요 내 이름조차 생각이나 날까요 누군가 매일 그대를 위해 늘 기도해온 걸 알까요 그대가 난 부럽죠 나 같은 사람 너무나 흔하겠죠 혹시나 그대 알고 있나요 얼마나 행복한 사람인지

우린 서로 너무도 다른 세상에 살아왔죠 한번 스쳐 지났을 뿐 그 후로 난 멀리서 이렇게 기다려왔죠 언젠가는 내 헛된 꿈이 혹 이뤄질까 날 기억이나 할까요 내 이름조차 생각이나 날까요 누군가 매일 그대를 위해 늘 기도해온 걸 알까요 그대가 난 부럽죠 나 같은 사람 너무나 흔하겠죠 혹시나 그대 알고 있나요 얼마나 행복한 사람인지

728x90
반응형

'TIL > Web(HTML, CSS, JS, jQuery)' 카테고리의 다른 글

[SIST] Web_HTML_days03_파비콘(favicon)  (0) 2022.05.16
[SIST] Web_HTML_days03_<picture> 태그  (0) 2022.05.16
[SIST] Web_HTML_days03_<map></map> 태그 = 이미지 맵(map)  (0) 2022.05.16
[SIST] Web_HTML_days03_<img>태그  (0) 2022.05.16
[SIST] Web_HTML_days02_html 링크(link), 절대/상대경로, id 속성  (0) 2022.05.12

티스토리툴바