1. 주요 태그와 속성들의 사용 : a ,select, table, form 등

1) <a></a>

<a href="url">link text</a>

• 주요 속성: href, target
• target 속성
  • _self : 현재 윈도우에서 다른 문서로 이동
  • _blank : 새로운 윈도우, 새로운 탭에서 다른 문서로 이동
• href 속성에 “#id”를 지정해주면 해당 id를 가진 요소로 이동한다

HTML Links Hyperlinks

2) <select></select>

<label for="cars">Choose a car:</label>

<select name="cars" id="cars">
  <option value="volvo">Volvo</option>
  <option value="saab">Saab</option>
  <option value="mercedes">Mercedes</option>
  <option value="audi">Audi</option>
</select>

HTML select tag

3) <tabel></tabel>

• <table> > <caption> : 테이블 제목

                > `<thead>` > `<th>`
  
                > `<tbody>` > `<tr>`, `<td>`
  

• 셀 병합 td 태그의 속성으로 사용

  • [뭐게요] → 열 합치기 rowspan → 행 합치기

  <td colspan="2">text</td> <td rowspan="2">text</td>

3. Form control

• form 태그
  • method: GET, POST
  • name: form의 이름, 구분자로 사용
  • action: form 태그 안의 내용들을 보내줄 곳
  • target: 링크 태그의 target과 같음

2. CSS 선택자

3. CSS 박스 속성, position, display, flex, float 등 레이아웃 관련 스타일의 이해

4. 부트스트랩 그리드 방식 이해

그리드 시스템