5주차 WEB 공부

3주차 때 만든 웹 사이트를 보니까 노래 가사가 줄정리가 안되어 있어서 가독성이 떨어지는 것을 발견했다.

또한 4주차 때 공부한 table 태그가 써보고 싶어서 코드를 수정해보기로 했다. 

처음 수정한 코드

수정하고서 결과를 확인해보니 위에 사진처럼 table이 내가 생각한 것대로 나오지 않았다. 그리고 검정 글씨로만 이루어져있어 단조로워보였다. 그래서 table 태그에 대해서 좀 더 알아보고 3주차 때 공부한 태그들로 중요한 단어에 포인트를 주기로 했다.

 

표 태그 추가

<thead></thead>

: 표의 제목 영역을 나타낸다. <table>태그의 하위 태그, <tr>태그의 상위 태그

<tbody></tbody>

: 표의 본문 영역을 나타낸다. <table>태그의 하위 태그, <tr>태그의 상위 태그

# <table>태그 안에 border, width, height을 설정할 수 있다.

두번쨰로 수정한 코드

<table>태그에 border, width설정을 추가하여 표를 수정했다. 그리고 <strong>태그로 영화제목과 노래제목을 굵은 글씨로 변경하였다. 처음보다 가독성이 괜찮아지고 table 태그에 대해서도 더 공부하게되었다.

3주차때 작성한 코드