과제 practice01

practiceMakesPerfect

과제 practice01

순댓국 2023. 11. 5. 22:26

728x90

SMALL

이거 근데 질문이랑 답 적어도 되나!?

원래 질문을 적고 그 답과 결과물을 순으로 사진으로 첨부하고 주석으로 풀이를 달려고 했는데 해도 될려나 모르겠네.

해도 되요? 안되죠!?

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <h1>nonamed 카페</h1>
  <h2>차가운 것들</h2>
  <ul>아이스 아메리카노
    <hr>
    <p>마시면 <strong>겁내</strong> 차가움</p>
    <li>price: 5000</li>
  </ul>
  <ul>레몬 아이스티
    <hr>
    <p>마시면 <em>겁내</em> 달음</p>
    <li>price : 5100</li>
  </ul>
  <ul>아이스크림
    <hr>
    <p>마시면 <u>겁내</u> 이상함</p>
    <li>price : 4900</li>
  </ul> 
  <h1>unknown</h1>
  <ul>
    <li>
      <h2>아아메</h2>
      <hr>
      <i>5000</i>
      <p>차가워</p>
    </li>
  </ul>
  <ul>
    <li>
      <h2>우아메</h2>
      <hr>
      <i>6000</i>
      <p>뜨거워</p>
    </li>
  </ul>
  <ul>
    <li>
      <h2>이아메</h2>
      <hr>
      <i>7000</i>
      <p>매워</p>
    </li>
  </ul>
</body>
</html>

첫 html 작품의 결과물

1.어디에 작성해야 되는가.

2.'태그' 는 이해했는가.

3.'태그의 종류' 를 구별하는가.

4.'태그의 쓰임'은 알고 있는가.

5.태그 내에 내용 작성시 ""없이 가능.

<h1><h2>는 헤드로써 문서의 제목에 주로 사용된다.

h1부터 h6까지 있으며 h1이 가장 크고 h6이 가장 작다.

ul태그는 unordered list라는 의미를 갖고 있다.

unordered 태그는 위와 같으며 disc, circle, square로 구분지어 쓸 수도 있다.

li태그는 list라는 의미를 갖고 있다.

<ul>리스트
	<li>햄버거</li>
    <li>피자</li>
    <li>포</li>
    <li>팟타이</li>
</ul>

ul과 ol 안에 리스트 생성을 할 수 있다.

<p> 태그는 paragraph 단락을 만들 수 있다.

<p>1 문단</p>
<p>2 문단</p>
<p>3 문단</p>
<p>4 문단</p>

어!? <i> 태그를 까먹었다. 것봐 이거 해야 돼.

일반적으로는 이탤릭에 사용된다고 하며 어떠한 이유로든 일반 텍스트에서 벗어난 텍스트의 의미!

음... 기존에 (옛날 브라우저) 는 i를 이탤릭 전용으로만 사용하였지만 현재의 i태그는 해당의 의미로는 사용되지 않고

css를 통하여 특정 작업을 하는 형태로 진행되고 있다고 합니다.

ㅋㅋㅋ 그냥 까먹자.

<hr>태그

아
<hr>
야
<hr>
오

<hr> 태그를 쓰면

이런 수평줄 생김.

<strong>태그

<strong>하</strong>
<strong>히</strong>

아무무가 굵어졌다. 스트롱해졌군.

태그 혼자쓰는 것도 있고 /를 이용해서 막아줘야 되는 것도 있다.

728x90

LIST