최후의 문법 속성 & img

• 태그의 이름만으로는 정보가 부족하기 때문에 속성이 필요하다.
• img 태그
  <img src="이미지 주소" width="100%">
• 속성은 src="이미지 주소" 부분과 width="100%" 부분이며, 위치는 상관없다.
• width가 100%면 이미지가 사이트 크기에 맞게 꽉 채워지는 것이고, 숫자에 따라 크기를 변화시킬 수 있다.

1. web 폴더에 이미지 저장

무료 사이트 Unsplash

2. <img> 태그 삽입

부모자식과 목록

• 태그가 포함관계로 연관되어 있을 때
  포함하고 있는 태그: 부모 태그
  포함된 태그: 자식 태그

<parent>
  <child></child>
</parent>

<li>

• list, 목록/목차 태그
  

<ul>

• Unordered List
• 항목이 어디부터 어디까지 연관된 항목인지 구분하기 위한 부모 태그
  

<li> 태그는 반드시 부모 태그인 <ul> 태그를 가지고 있고,
<ul> 태그는 반드시 자식 태그인 <li> 태그를 가지고 있다.

<ol>

• Ordered List
• 목록에 자동으로 숫자를 순서대로 기입할 수 있다.
  

✏️리스트는 2대가 같이 다니지만, 테이블(표)은 3대가 같이 다닌다.

<table>
   <tr>
     <td>head</td>
     <td>98.1%</td>
   </tr>
   <tr>
     <td>bodt</td>
     <td>97.9%</td>
   </tr>
   <tr>
     <td>html</td>
     <td>97.9%</td>
   </tr>
</table>

head	98.1%
bodt	97.9%
html	97.9%