코딩 공부

과제 중 내가 보려고 정리하는 HTML 태그

emeng 2024. 2. 3. 12:59

코딩 공부 중에 내가 MDN에 정리된 내용을 보다가 전부 영어로 되어 있어서 내가 보려고 정리하는 태그

MDN이 참 좋은데, 한국어가 안 된 부분도 많아서 그냥 영어로 읽고 해야하니, 영어 공부까지 되고 좋은 건지.. 안 좋은 건지 잘 모르겠다.

 

- <table> 

  • <table> 태그는 표를 만들기 위해 사용하는 태그 
  • <table>에는 규칙에 따라 만들어지는데, 규칙은 다음과 같다.
    1. 셀은 위 행에서 아래 행의 순서로 채워집니다.
    2. 한 행은 하나의 셀이나 여러 개의 셀로 이루어집니다.
    3. 열은 각 셀의 옆으로 배치됩니다. 그리고 dir 속성에 따라, 오른쪽에서 왼쪽, 왼쪽에서 오른쪽으로 배치됩니다. 한 열은 하나의 셀이나 여러개의 셀로 이루어집니다.
    4. A cell box may span over muptiple rows and columns. User agents trim cells to fit in the available number of rows and columns.

     뭔 말인지 모르겠으니, 일단 적어놓고 나중에 다시 공부해서 알아봐야지..
    출처: https://developer.mozilla.org/en-US/docs/Web/HTML/Element/table

  • HTML에서 행은  <tr>태그로 정의됩니다.
  • 첫번째 행은 <th 태그로 표의 가장 윗 부분을 표시할 때 사용합니다. (기준이라고 해야하나)
  • 그 아래의 항목들은 <td> 태그를 사용하여 내용을 채워줍니다.
  •  예시
  • <table> <tr> <th>Name</th> <th>Age</th> </tr> <tr> <td>Maria Sanchez</td> <td>28</td> </tr> <tr> <td>Michael Johnson</td> <td>34</td> </tr> </table>​
  • 위의 예시 대로만 하면, 표는 안 보이고 글짜만 정렬되어 위치하게 된다. 따라서 CSS로 따로 표를 만들어 줘야한다.

음.. 일단 기본적인 표를 만드는 방법이긴한데.. 아직 안 써본 태그가 너무 많다..

<col>이나 <colgroup>은 언제 쓰는거지... <tbody>도 그렇고.. 공부할 게 한두가지가 아니네..!

 

- <input>

  • 이건 진짜 다양해서.. 그때 끄때 찾아서 쓰는 걸 추천.... 넘 많다.. 정리하기가 귀찮다...