"테스트 선진"의 두 판 사이의 차이

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
<div class="wrap">
+
<html lang="en">
<div class="img_box">
+
<head>
<img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/(전)광주_성거사지_오층석탑.JPG">
+
  <meta charset="UTF-8">
<div>이 블로그는 사실 제가 터득한 방법을 제 스스로 다시 한번 정리하기 위한 블로그이며 정보가 정확하지 않을 수도 있습니다. 그래도 누군가에게는 도움이 되었으면 좋겠네요.</div>
+
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
</div>
+
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
<div class="img_box">
+
  <link rel="stylesheet" href="./index.css">
<img src="test-img.jpg">
+
  <title>흥미로운가 사진자료관</title>
<div>옆에 있는 고양이는 제가 그린 고양이에요.</div>
+
</head>
</div>
+
<body>
<div class="img_box">
+
  <h1>사진자료관</h1>
<img src="test-img.jpg">
+
  <div class="container">
<div>이렇게 글자수가 다양한 문장을 쓰다보면 가변적인 높이를 갖는 div를 갖게됩니다.</div>
+
    <div class="images">
</div>
+
      <div class="imageFlex1">
<div class="img_box">
+
        <img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/10년후그라운드-여라상점.JPG" style="max-height:50%; width:auto;">
<img src="test-img.jpg">
+
 
<div>보통은 고정된 글자수나 높이를 가진 경우가 많지만 텍스트를 입력받아서 사용하는 경우엔 가변적인 높이를 갖게 될 수 밖에 없죠</div>
+
max-width:100%; height:auto
</div>
+
 
<div class="img_box">
+
        <img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/10년후그라운드-입구.JPG" style="max-width:50%; height:auto;">
<img src="test-img.jpg">
+
        <img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/10년후그라운드-카페_1980_카운터.JPG" style="max-width:50%; height:auto;">
<div>이제 더이상은 쓸 말이 없네요.. 이게 첫번째 글인데 생각보다 블로그로 정보를 올린다는건 훨씬 더 어려운 일이네요.. </div>
+
        <img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/1913송정역시장-로고.jpg" style="max-width:50%; height:auto;">
</div>
+
        <img src="http://digerati.aks.ac.kr/DhLab/2022/gwangju/image/daidong1/1913송정역시장-입구.jpg" style="max-width:50%; height:auto;">
<div class="img_box">
+
 
<img src="test-img.jpg">
+
 
<div>여태까지 다른분들이 올려놓은 글을 보기만 했었는데 공부도 할 겸 정리해서 올려보려고 합니다. </div>
+
      </div>
</div>
+
    </div>
<div class="img_box">
+
</body>
<img src="test-img.jpg">
+
</html>
<div>야옹이는 야옹</div>
 
</div>
 
</div>
 

2022년 12월 8일 (목) 16:56 판

흥미로운가 사진자료관

사진자료관

max-width:100%; height:auto