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

광주문화예술인문스토리플랫폼
이동: 둘러보기, 검색
1번째 줄: 1번째 줄:
<html lang="en">
+
<div class="wrap">
<head>
+
<div class="img_box">
  <meta charset="UTF-8">
+
<img src="test-img.jpg">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+
<div>이 블로그는 사실 제가 터득한 방법을 제 스스로 다시 한번 정리하기 위한 블로그이며 정보가 정확하지 않을 수도 있습니다. 그래도 누군가에게는 도움이 되었으면 좋겠네요.</div>
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+
</div>
  <link rel="stylesheet" href="./index.css">
+
<div class="img_box">
  <title>흥미로운가 사진자료관</title>
+
<img src="test-img.jpg">
</head>
+
<div>옆에 있는 고양이는 제가 그린 고양이에요.</div>
<body>
+
</div>
  <h1>사진자료관</h1>
+
<div class="img_box">
  <div class="container">
+
<img src="test-img.jpg">
    <div class="images">
+
<div>이렇게 글자수가 다양한 문장을 쓰다보면 가변적인 높이를 갖는 div를 갖게됩니다.</div>
      <div class="imageFlex1">
+
</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 class="img_box">
 +
<img src="test-img.jpg">
 +
<div>야옹이는 야옹</div>
 +
</div>
 +
</div>

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

<img src="test-img.jpg">

이 블로그는 사실 제가 터득한 방법을 제 스스로 다시 한번 정리하기 위한 블로그이며 정보가 정확하지 않을 수도 있습니다. 그래도 누군가에게는 도움이 되었으면 좋겠네요.

<img src="test-img.jpg">

옆에 있는 고양이는 제가 그린 고양이에요.

<img src="test-img.jpg">

이렇게 글자수가 다양한 문장을 쓰다보면 가변적인 높이를 갖는 div를 갖게됩니다.

<img src="test-img.jpg">

보통은 고정된 글자수나 높이를 가진 경우가 많지만 텍스트를 입력받아서 사용하는 경우엔 가변적인 높이를 갖게 될 수 밖에 없죠

<img src="test-img.jpg">

이제 더이상은 쓸 말이 없네요.. 이게 첫번째 글인데 생각보다 블로그로 정보를 올린다는건 훨씬 더 어려운 일이네요..

<img src="test-img.jpg">

여태까지 다른분들이 올려놓은 글을 보기만 했었는데 공부도 할 겸 정리해서 올려보려고 합니다.

<img src="test-img.jpg">

야옹이는 야옹