html의 이해 -> 이미지 삽입과 table

전 포스팅에서는 html 의 구조에 따른 문자 출력을 하였다. 이번 포스팅은 문자가 아닌 이미지와 함께 table을 만들어볼 계획이다.

일단 파이썬 홈페이지에 가서 파이썬 로고를 다운받는다. 그다음 아래 네모 박스 친것과 같이 입력한다

<br>은 enter와 같은 역할을함.

파이썬 로고 6개가 들어간 모습이다.

이번엔 테이블 구조를 한번 살펴보자

빨간 박스를 주목하라.

<thead>는 타이틀로서 들어가도 되고 들어가지 않아도 된다.

<tr>은 테이블의 행을 나타낸다.

<th>는 생성된 행안에서 열을 생성한다

<tbody>는 표의 본문을 나타난다.

<tr> 테이블의 행을 나타낸다

<td>는 생성된 행안에서 열을 생성한다.

<table border = 1>을 지정해야 테이블에 선이 생성된다 default는 0으로 이때는 선이 보이지 않는다 border = "1" 도 가능

​

생성된 표의 모습이다.

​