판봉 개발 일기

0720 혼자 다른예제로 실습해보기 본문

JAVA 웹개발 과정

0720 혼자 다른예제로 실습해보기

판봉 2021. 7. 20. 21:46
728x90
<html lang="ko">

<head>
  <meta charset="utf-8">
  <title>자바 웹 개발 과정 혼자공부하는 HTML입니다.</title>
</head>

<body>
  <header>
    <h1 title="전복죽은 몸살에 최강입니다.">맛있는 전복죽을 요리하는 법</h1>
  </header>
  <a href="https://www.10000recipe.com/recipe/6900454" target="_blank">
    <h1 id="menu-1">전복죽 레시피</h1>
  </a>
  <img src="https://recipe1.ezmember.co.kr/cache/recipe/2018/11/20/e8fdf38d115bef838dec70c2745ac8c91.jpg" width="300" alt="전복죽">
  <section>
    <nav>
      <p>
      <h1>필수 재료 목록</h1>
      <table border="2">
        <thead>
          <tr>
            <th>재료</th>
            <th>수량</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td><strong>전복</strong></td>
            <td><em>3마리</em></td>
          </tr>
          <tr>
            <td><strong>물</strong></td>
            <td><em>1000ml</em></td>
          </tr>
          <tr>
            <td>
              <strong>통깨</strong>
            </td>
            <td><em>1/4손가락</em></td>
          </tr>
          <tr>
            <td><strong>불린쌀</strong></td>
            <td><em>1종이컵</em></td>
          </tr>
        </tbody>
        <tfoot>
          <tr>
            <td colspan="2">소금 아주 적게</td>
          </tr>
        </tfoot>
      </table>
      </p>
    </nav>
  </section>
  <hr>
  <section>
    <article>
      <nav>
        <p>
        <h3>조리 방법</h3>
        <ol>
          <li>전복은 깨끗이 솔로 씻어 숟가락으로 껍질과 분리하고 이빨을 제거한다.</li>
          <br>
          <li>손질한 전복을 얇게 썰어 준비하고 내장은 다져서 준비한다.</li>
          <br>
          <li>냄비에 준비한 전복을 참기름2큰술 넣고 볶다가 색이 살짝 변하면 불린쌀을 넣어 같이 볶는다.</li>
          <br>
          <li>전복과 쌀을 볶은 냄비에 내장도 함께 넣어 볶다가 물을 넣는다.</li>
          <br>
          <li>죽이 자작해 지면 소금으로 간을 하고 쌀알이 물러 지면 불을 끄고 그릇에 덜어 통깨를 뿌려 완성 한다.</li>
        </ol>
        </p>
      </nav>
    </article>
  </section>
  <hr>
  <p>
  <div>block예시입니다</div>
  <div>block예시입니다</div>
  <div>block예시입니다</div>
  <div>block예시입니다</div>
  <div>block예시입니다</div>
  </p>
  <p>
    <span>span예시입니다.</span>
    <span>span예시입니다.</span>
    <span>span예시입니다.</span>
  </p>
</body>
<p>
<footer>부천에서 공부하는 &lt판봉&gt입니다.</footer>
</p>
</html>

혼자 공부하는 코드입니다.

사진이 짤렸지만 밑에는

span예시입니다.span예시입니다.span예시입니다.

이렇게 나와있습니다!

저작자표시

'JAVA 웹개발 과정' 카테고리의 다른 글

0721 CSS 선택자 이용 연습  (0) 2021.07.21
CSS 선택자 및 스타일 속성(1) 0721  (0) 2021.07.21
0720 글자 태그, 테이블 태그, 공간 분할 태그에 대하여  (0) 2021.07.20
0719 HTML 2번째 과정 <a>태그와 이미지에 대하여  (0) 2021.07.19
0715 혼자 공부한 내용  (2) 2021.07.15
'JAVA 웹개발 과정' Related Articles more